如何使用数据不一致的固定数据表

时间:2016-02-02 10:47:45

标签: reactjs fixed-data-table

这是我的优惠,我想在我的固定数据表中显示它们。 如果要约是Global der,则数据中没有条目。

{
  "id" : "90528630948ijvehiddwid",
  "name" : "Some Offer In Germany",
  "updatedTime" : "2016-01-15T13:24:26.090Z",
  "createdTime" : "2016-01-15T09:37:12.396Z",
  "country" : {
    "code" : "DE",
    "name" : "Germany"
  }
},
{
  "id" : "589476350240ß358540a",
  "name" : "Some Global In Offer",
  "updatedTime" : "2016-01-15T13:24:26.090Z",
  "createdTime" : "2016-01-15T09:37:12.396Z"
}

如果没有可用的国家/地区,我想要一个显示“全局”的自定义单元格。但我发现这个问题在表格中是自我的,因为如果没有条目,它就无法建立一个单元格......

var CountryCell = ({rowIndex, data, col, ...props}) => (
    <Cell {...props}>
      {col ? data[rowIndex][col] : 'Global' }
    </Cell>
);

<Column
            columnKey="country"
            header={<Cell>country</Cell>}
            footer={<Cell className='backgroud-blue'></Cell>}
            cell={<CountryCell data={this.state.offers} col="country"/>}
            fixed={false}
            width={250}
            isResizable={false}
          />

那么这种情况的最佳方法是什么。我是否围绕我的原始数据构建了一个包装器,并“假装”没有国家/地区对象的情况?

1 个答案:

答案 0 :(得分:0)

我认为以下更改可能只适用于展示&#34; Global&#34;如果遗失了物品,

&#13;
&#13;
var CountryCell = ({rowIndex, data, col, ...props}) => (
    <Cell {...props}>
      { data[rowIndex][col] ? data[rowIndex][col] : 'Global' }
    </Cell>
);
&#13;
&#13;
&#13;