reactjs - React Material - MUIDataTable - 如何在列标题中添加内容
问题描述
我在我的 React 应用程序中使用:
import MUIDataTable from "mui-datatables";
我想在最后一个列标题中添加一些按钮(而不是列名):
<MUIDataTable
data={data}
columns={columns}
options={options}
>
</MUIDataTable>
其中列:
export const columns = [
{
name: "name",
label: "Nazwa",
options: {
filter: true,
sort: true,
}
},
{
name: "productNumber",
label: "Numer",
options: {
filter: true,
sort: true,
}
}, (...)
怎么做?可能吗?我什么都找不到
解决方案
您可以为列定义自定义主体。您可以添加这样的列:
{
name: "Age",
options: {
filter: false,
customBodyRender: (value, tableMeta, updateValue) => (
<FormControlLabel
control={<TextField value={value || ''} type='number' />}
onChange={event => updateValue(event.target.value)}
/>
)
}
}
推荐阅读
- r - R - 选择至少 x 行高于某个数字的列
- css - 如何更改 Google 地图中的线路交通颜色 - Angular
- flutter - 如何创建 Flutter 应用并从信标设备接收通知?
- svelte - 当函数返回的值在模板上发生变化时,SVELTE 调用 await 函数
- java - 带有插件 RobotPublisher 的 Jenkinsfile 导致 java.lang.NullPointerException
- python - 在 python 的 skechers 中访问被拒绝
- django - 用一些代码(比如 Msg007)替换响应输出消息并在我们在 django 中点击 api 时翻译它们
- java - LibGDX 不断给我这个错误:“错误逻辑游戏”,我该如何解决这个问题?
- c - 将结构强制转换为包含它的联合是否合法?
- python - 用python绘制多数据框图