我创建了带有第1列复选框的material-ui表。 我不需要/希望主用户选中所有复选框-我只想要复选框上方的列标题,但我不知道如何执行此操作。
根据API,我将displayRowCheckboxes = true
设置为在每一行的第一列中都有一个复选框-这可以按预期工作。
我将displaySelectAll = false
设置为关闭主菜单,然后选中标题中的所有复选框-这也可以按预期工作。
但是当我将文本标题添加到第一列时,它没有在复选框列上方对齐。
我的初始列数组如下:
columns: [
{key: "name", label: "File Name"},
{key: "modified", label: "Modified"}
],
我尝试在开头添加一列“选择”
{key: "select", label: "Select"}
但它没有排队。
发生两件事之一。
adjustForCheckbox = true
,并在columns数组中包含“ select”,它将显示出来,但在视觉上看起来像是 next 复选框的上方,而不是上方。
screenshot 1 或
adjustForCheckbox = false
,并在columns数组中包括“ select”,则列标题确实会显示在复选框上方,但在每个复选框的右侧增加了相当大的空间看起来像一个空列的行。在这里,数据看起来向右移了1列(尽管我认为这只是间距问题)。
screenshot 2 如何在不增加间距或未对齐的情况下使标题“选择”直接显示在第一列上方?