我正在 chakra-ui
中创建一个基本的小型 Table
,但是列之间的空白对于我的特定用例来说太多了。我已经设置了 size="sm"
但它仍然有太多空白。
我们怎样才能做到这一点?以下是与我的问题相对应的伪代码摘要:
<Table size="sm">
<Thead>
// ...
</Thead>
<Tbody>
//...
</Tbody>
</Table>
这是 codesandbox 中的完整示例: https://codesandbox.io/s/responsive-table-forked-ut904?file=/src/ResponsiveTable.tsx:196-344
最佳答案
您只需添加 css 来覆盖表的 css:
<Table size="small" className="table-tiny" />
在 CSS 中:
.table-tiny th,
.table-tiny td {
padding-left: 4px;
padding-right: 4px;
}
https://codesandbox.io/s/responsive-table-forked-8683s?file=/src/ResponsiveTable.tsx
关于javascript - 减少脉轮表中列之间的空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68506854/