行之间的材料表空间

Question

我正在使用material-table 我想在行之间添加空间以使外观如下： table design

我试图在rowStyle中的类似选项中设置填充：

      <MaterialTable
        title=""
        columns={state.columns}
        data={state.data}
        options={{
          pageSize: 15,
          pageSizeOptions: [10, 15, 25, 50],
          searchFieldAlignment: 'left',
          rowStyle: {
            paddingBottom: '5px'
          }
        }}
      />

Answer 1

您可以通过以下方式实现它：

rowStyle: {
            borderBottom: '5px solid white',
          }