AllenFang / AllenFang/react-bootstrap-table

"TypeError: this.getColumnsDescription(...) is undefined" when attempting to functionally render TableHeaderColumn elements

未关闭
#1,380 1 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
主要语言
JavaScript
星标
2.2k
派生
761
PR 合并指标
30 天内没有已合并 PR

描述

Hi, sorry if this doesn't belong here but not sure if I'm doing something wrong or there is something internally preventing the functional rendering of TableHeaderColumn elements. Am currently evaluating React table libraries for work with your library as the front-runner - for some reason have not seen any table library implemented with functional rendering of the column elements. Is there a specific reason why - am I just doing something wrong? Any help or guidance appreciated please.

`TypeError: this.getColumnsDescription(...) is undefined`

The code:

```
render() {

// string constant names different from remote data keys
const shopperTableColumnNamesKeys = Object.getOwnPropertyNames(ShopperTableColumnNames);

// for...in does not preserve Object key order, create list instead
const shopperRemoteDataKeys = Object.getOwnPropertyNames(shoppers[0]);

const createInitialTableHeaderColumn = (key, index) => {
return (

{ShopperTableColumnNames[shopperTableColumnNamesKeys[index]]}

);
};

const createTableHeaderColumn = (key, index) => {
return (

{ShopperTableColumnNames[shopperTableColumnNamesKeys[index]]}

);
};

const populateTableHeaderColumns = () => {
const tableColumns = [];
shopperRemoteDataKeys.forEach( (key, index) => {
index === 0
? createInitialTableHeaderColumn(key, index)
: createTableHeaderColumn(key, index);
;
});
};

return (



{populateTableHeaderColumns()}


);
}
```

贡献指南

打开贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。