行之间的材料表空间

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',
          }