如何使用material-ui v0.x表添加列标题代替“全选”复选框?

时间:2019-09-16 19:20:32

标签: material-ui

我创建了带有第1列复选框的material-ui表。 我不需要/希望主用户选中所有复选框-我只想要复选框上方的列标题,但我不知道如何执行此操作。

根据API,我将displayRowCheckboxes = true设置为在每一行的第一列中都有一个复选框-这可以按预期工作。

我将displaySelectAll = false设置为关闭主菜单,然后选中标题中的所有复选框-这也可以按预期工作。

但是当我将文本标题添加到第一列时,它没有在复选框列上方对齐。

我的初始列数组如下:

columns: [
   {key: "name", label: "File Name"},        
   {key: "modified", label: "Modified"}     
],

我尝试在开头添加一列“选择”

{key: "select", label: "Select"}

但它没有排队。

发生两件事之一。

  1. 如果我设置属性adjustForCheckbox = true,并在columns数组中包含“ select”,它将显示出来,但在视觉上看起来像是 next 复选框的上方,而不是上方。 screenshot 1

  1. 如果我设置属性adjustForCheckbox = false,并在columns数组中包括“ select”,则列标题确实会显示在复选框上方,但在每个复选框的右侧增加了相当大的空间看起来像一个空列的行。在这里,数据看起来向右移了1列(尽管我认为这只是间距问题)。 screenshot 2

如何在不增加间距或未对齐的情况下使标题“选择”直接显示在第一列上方?

0 个答案:

没有答案