标签: mui-datatable

是否可以在 MUI 数据表标题旁边添加一个按钮？

就像是：

<MUIDataTable
    ref={ref}
    title={() => (<div><Button>Click Here</Button>Table Title</div>)}
    data={data}
    columns={columns}
    options={options}
/>

对于上面的代码，标题是空的。

我想要实现的目标与此类似：

我正在尝试为每列设置不同的列宽。但是在 mui 数据表列选项中没有设置列宽的选项。我也尝试覆盖 css 属性，但这也不起作用。有没有其他选项可以设置列宽。MUIDataTableBodyCell: { root: { height: '30px', width: '200px' } },

我正在尝试自定义 a 中的行数MUIDataTable，但似乎默认值始终保持在 10。这就是我尝试过的：

  <MUIDataTable
      pagination="true"
      count="5"
      title={"Proposals"}
      data={data.hits}
      columns={columns}
    />

我也尝试添加page="1"，但似乎没有效果。我该如何解决这个问题？

我正在尝试更改 的头部mui-datatables，但它无法正常工作。

import MUIDataTable from "mui-datatables";
import { createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';
...

// here I set the them
const getMuiTheme = () => createMuiTheme({
    overrides: {
        MuiTableHead: {
            root: {
                backgroundColor: "#c1e1ec"
            }
        }
    }
});

...

// rendering
<MuiThemeProvider theme={getMuiTheme()}>                                                    
    <MUIDataTable
        title={"Existing Users"}
        data={users}
        columns={columns}
        options={options}
    />
</MuiThemeProvider>

它不会改变头部的颜色。一直露出白头。但是，如果我使用 Firefox 检查该元素，我可以看到 head 元素的以下样式

.MuiTableHead-root {
    display: table-header-group;
    background-color: #c1e1ec;
}

我正在这样做，但 onRowClick 不起作用

<MUIDataTable
        data={tableData}
        columns={tableCols}
        options={{
          search: true,
          fixedHeader: true,
          selectableRows: 'none',
          selectableRowsOnClick: true,
          displayRowCheckbox:false,
          onRowClick:this.getRow,
          customToolbarSelect: () => {},
        }}
      />

是否有任何选项可以隐藏检查并获取行数据