Solveddevextreme reactive How to change table border styles

const TableRowStyle = ({ row, ...restProps }) => (
  <Table.Row
    {...restProps}
    style={{
      cursor: "pointer",
      color: "#ABC3CF",
      height: 60,
      border: "1px solid black"
    }}
  />
);

  <Table
              cellComponent={this.tableCellStyle}
              columnExtensions={tableColumnExtensions}
              rowComponent={TableRowStyle}
            />

Thanks for the help!

4 Answers

✔️Accepted Answer

const styles = theme => ({
  tableBorder: {
    border: "1px solid black",
    color: "#ABC3CF",
  },
});

const TableComponentBase = ({ classes, ...restProps }) => (
  <Table.Table
    {...restProps}
    className={classes.tableBorder}
  />
);

export const TableHeaderComponent = withStyles(styles, { name: 'TableHeaderComponent' })(TableHeaderComponentBase);

<Table tableComponent={TableComponent} />

Try this. It worked for me.

More Issues: