componentWillReceiveProps(nextProps) {
let { uiSchema: { table: { focusOnAdd } } } = nextProps;
this.adding = focusOnAdd && nextProps.formData && this.props.formData && nextProps.formData.length > this.props.formData.length
}
componentDidUpdate() {
if (this.adding) {
let { table: { refs: { body } } } = this.refs;
body.handleEditCell(this.props.formData.length, 1);
}
}
Hi folks,
I am trying to do something weird which probably isn't good :P
My data has a field called "name" I have a column for it and all works great.
Now I have another column, let's call last name, which is basically the last part of the name.
I have datafield=Name in this other column and a columnformatter and life is good. I can display just the last name.
Now comes the part that isn't working. I want to be able to search in the last name.
However because datafield=Name, anytime I change my search in the last name column it's actually changing the filter called "name". Which makes sense but it isn't what I want.
Any tips?
I got this error of sortFunc() when using the react-bootstrap-table and then I used replace={true} as a prop in the BootstrapTable component.
Reference: AllenFang/react-bootstrap-table#1418
Knowledge Transfer: I have attached an icon for the profile picture as a separate column in the table and on it's onClick event, I show a modal to display some information related to the specific row.
Problem: After I click on the icon, the modal shows up. But, the table resets itself and the pagination is gone. It works fine when I remove replace={true} or give it false.
Can anyone help me find the root cause of this behavior? It would be a lot of help. Thanks.
Hey, i am using ToolkitProvider with custom filters. When updating the redux state (dataInfo) for the data in the table it breaks the filters.
<ToolkitProvider
keyField='labName'
data={dataInfo}
bootstrap4
search
columns={columns}
>
{
props => (Once i have update dataInfo my filters start returning:
categoriesFilter is not a function
