AllenFang / AllenFang/react-bootstrap-table

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

Open
#1,380 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
2.2k
Forks
761
PR merge metrics
No merged PRs in 30d

Description

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()}


);
}
```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.