ReactJS：如何从 material table 禁用工具栏但不添加功能

Question

我想删除工具栏，因为它在 table 和按钮之间创建了一个空白 space。但是当我设置 toolbar:false 时，它也会禁用我的添加新行功能。禁用工具栏但不添加功能的方法是什么？

  <MaterialTable
            title=" "
           
            options={{
              search: false,
              selection: true,
              showTitle: false,
             toolbar:false,
             
            
              paging: false,
            }}
           
            columns={columns}
            data={a}
            icons={tableIcons}
            editable={{
              onRowUpdate: (newData, oldData) =>
                new Promise((resolve) => {
                  handleRowUpdate(newData, oldData, resolve);
                }),
              onRowAdd: (newData) =>
                new Promise((resolve) => {
                  handleRowAdd(newData, resolve);
                }),
              onRowDelete: (oldData) =>
                new Promise((resolve) => {
                  handleRowDelete(oldData, resolve);
                }),
            }}
          />

Answer 1

我认为这段代码可以解决您的问题。

<MaterialTable
  title=" "
  components={{
    Toolbar: (props) => (
      <div
        style={{
          height: "0px",
        }}
      >
        <MTableToolbar {...props} />
      </div>
    ),
  }}
  options={{
    search: false,
    selection: true,
    showTitle: false,
    toolbar: false,

    paging: false,
  }}
  columns={columns}
  data={a}
  icons={tableIcons}
  editable={{
    onRowUpdate: (newData, oldData) =>
      new Promise((resolve) => {
        handleRowUpdate(newData, oldData, resolve);
      }),
    onRowAdd: (newData) =>
      new Promise((resolve) => {
        handleRowAdd(newData, resolve);
      }),
    onRowDelete: (oldData) =>
      new Promise((resolve) => {
        handleRowDelete(oldData, resolve);
      }),
  }}
/>;