I am trying to use Primereact datatable in spfx webpart (Typescript)
in the Class I am declaring datatable
Code: Select all
public dt: DataTable;
Code: Select all
this.dt = new DataTable({});
Code: Select all
<DataTable
ref={el => (this.dt = el)}
value={this.state.projects}
paginator={true}
rows={10}
header={searchHeader}
globalFilter={this.state.globalFilter}
emptyMessage="No records found"
>
<Column
field="internalReference"
header="Code"
sortable={true}
/>
</DataTable>
Code: Select all
render() {
var searchHeader = (
<div style={{ textAlign: "left" }}>
<i className="pi pi-search" style={{ margin: "4px 4px 0 0" }} />
<InputText
type="search"
onInput={e => this.setState({ globalFilter: e.currentTarget.value })}
placeholder="Rechercher"
/>
</div>
);
....
}