0

テーブルのデータ ソースから取得したデータに基づいて、行全体に色を付けようとしています。

を使用できることはrowClassNameわかりましたが、その仕組みがよくわかりません。

いくつかのタイプスクリプトの例が大好きです! ありがとう！

<Table
  columns={cols}
  dataSource={data}
  rowKey={(record: obj) => record.key}
  rowClassName={(record: obj) => record.amount == '0' ? <???> : ''}
/>
4

1 に答える 1

1

コードベースの例を次に示します。

import s from './styles.css'

useStyles(s)
...
 rowClassName={(_r, i) => (i % 2 ? s.odd : s.even)}

およびcssファイルで：


.odd {
  background: color(var(--midnight-5) alpha(50%));
}

.even {
  background-color: #f8f9fa;
}

同形スタイルのローダーを使用します

于 2019-11-05T20:11:36.527 に答える