diff --git a/index.html b/index.html index 1833221..28831e8 100644 --- a/index.html +++ b/index.html @@ -152,12 +152,19 @@ fontFamily: "inherit", limit: 50, mode: "light", + headers: { + style: { + fontWeight: "bold", + padding: "10px 0 10px 0" + } + }, rows: { dividers: true, dividersColor: "#eaeaea", alternating: false, - padding: "10px 0 10px 0", - headerBold: true + style: { + padding: "10px 0 10px 0" + } }, title: { text: "Top 50 Coins By Market Cap", @@ -185,8 +192,10 @@ rows: { alternating: true, alternatingColors: "#eeeeee", - dividers: false, - style: {} + dividers: false + // style: { + // padding: "5px 10px" + // } }, title: { text: "Top Coins", diff --git a/src/multiTable/index.tsx b/src/multiTable/index.tsx index 942e3b5..a476211 100644 --- a/src/multiTable/index.tsx +++ b/src/multiTable/index.tsx @@ -187,8 +187,7 @@ export default class MultiTable extends Component { alternatingColors: [], dividers: false, dividersColor: null, - padding: "5px 10px", - headerBold: false + style: {} }, trend: { changeOver: 7 @@ -272,10 +271,7 @@ export default class MultiTable extends Component { this.handleClickSort(col)} - style={{ - padding: props.rows.padding, - fontWeight: props.rows.headerBold ? "bold" : "normal" - }} + style={props.headers.style} >
{column.sortKey && ( @@ -305,7 +301,7 @@ export default class MultiTable extends Component { class={`fs-multi-${col}`} style={{ borderBottom: `1px solid ${props.rows.dividersColor}`, - padding: props.rows.padding + ...props.rows.style }} > {COLUMNS[col].renderItem(asset)}