Я использую griddle-реакции v1.13.1. В этой версии компонент настроек имеет разделы «видимый» и «скрытый». Я хотел бы, чтобы эта версия griddle работала так, как это было в версии 0 - где все столбцы были перечислены вместе и меняли цвет при нажатии, чтобы указать, видны они или нет. Я попытался написать пользовательский компонент настроек, но не смог перерисовать таблицу. Я также заметил, что в документации был комментарий «поступает больше документации о том, как настроить SettingsComponents», но я не думаю, что он когда-либо был добавлен.
Кто-нибудь знает, как настроить компонент настроек, или не могли бы вы привести примеры настройки параметров гриля?
Я попытался переопределить настройки компонента
render () {
const NewSettings = ({settingsComponents, style, classname}) => {
вернуть (
{this.state.columns.map ((col, idx) => {
вернуть (
this.toggleColumn (IDX)}
className = {'settings-label' + (! col.visible? 'invisible': '')}
ключ = {IDX}>
{} Col.label
)
})
}
)
}
const tableData = this.unpackData(this.props.data)
if (!this.props.data) return (<div>No Installs Found</div>)
return (
<div id='installs-table-container' data-test='contacts-table-container'>
<div>{'Found: ' + this.props.data.length + ' Installs'}</div>
<Griddle
data={tableData}
plugins={[plugins.LocalPlugin]}
components={{
Settings: NewSettings
}}
>
<RowDefinition>
{this.getColumns()}
</RowDefinition>
</Griddle>
</div>
)
}
При таком подходе таблица griddle не обновляется. Я ищу подход, который работает.