I am using Kanban for my project. My setup includes the following code snippet for my column layouts:
<KanbanComponent
id="kanban"
keyField="StatusDescription"
dataSource={this.state.datamanager}
cardSettings={{ contentField: "Description", headerField: "JobID" }}
allowDragAndDrop={true}
swimlaneSettings={{ keyField: "TypeDescription" }}
>
<ColumnsDirective>
<ColumnDirective headerText="Preconstruction" keyField="Preconstruction"/>
<ColumnDirective headerText="Construction" keyField="Construction"/>
<ColumnDirective headerText="Punch List" keyField="Punch List"/>
<ColumnDirective headerText="Completed" keyField="Completed"/>
</ColumnsDirective>
</KanbanComponent>
When I drag a card over to the third column, the console returns an Uncaught TypeError: td is undefined within the Syncfusion method renderCardBasedOnIndex. This causes the card to disappear and breaks the entire Kanban board. This doesn't occur when dragging a card over to the other columns.
I tried adjusting the data and ColumnDirective keyfield to use no spaces such as "PunchList" but I still encounter the same error.