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 摘要。