9

反応データグリッド(アダズル)で、特定の列の背景色を特定の色にレンダリングしようとしています。

問題は、セルの周りにこの白いパディングを取得していることです:

ここに画像の説明を入力

この白いパディングを取り除くにはどうすればよいですか?

この例でフォーマッタが使用された方法に従っただけです。

http://adazzle.github.io/react-data-grid/examples.html#/custom-formatters

私のColumnFormatterは次のようになります:

const ColumnFormatter = React.createClass({
  propTypes: {
    value: React.PropTypes.number.isRequired
  },

  render() {
    return (
      <div style={{background: '#f2f9de'}}>
        {this.props.value}
      </div>);
  }
});

そして、次のように列を設定しました:

this._columns.push({
  key:  i,
  name: "blah " + i,
  sortable: true,
  resizable: true,
  formatter: ColumnFormatter
}) 
4

4 に答える 4