KTDatatable
I am upgrading the theme from 9.1 to 9.2, but I am experiencing several problems with KTDatatable.
- In demo1 the tables use different classes than KTUI.
Example kt-card-footer -> kt-datatable-toolbar, flex... -> kt-datatable-length etc..
- How come the columns are always sortable even if I set the data-kt-datatable-column-sort to false?
- How can I set the default sort field on the data attribute/ts side?
- If I don't set a default sort in the request I have “null” and not null.
- Trying to sort the columns instead of the column name results in “true”.
Replies (3)
Hi
The KTUI v9.2 DataTable is uses new, more semantic classes (kt-datatable-*).
Update your table markup to use the new KTUI classes (kt-datatable-toolbar, kt-datatable-length, etc.) instead of the old ones.
For sort issues, we will fix it. The code does not check for data-kt-datatable-column-sort attribute before making a column sortable.
Thanks
KTImageInput also still does not work, I had already reported this months ago, the input value is always set to “”.
protected _change(): void {
const payload = { cancel: false };
this._fireEvent("change", payload);
this._dispatchEvent("change", payload);
if (payload.cancel === true) {
return;
}
const reader = new FileReader();
reader.onload = () => {
this._previewElement.style.backgroundImage = `url(${reader.result})`;
};
reader.readAsDataURL(this._inputElement.files[0]);
this._inputElement.value = "";
this._hiddenElement.value = "";
this._lastMode = "new";
this._element.classList.add("changed");
this._removeElement.classList.remove("hidden");
this._element.classList.remove("empty");
this._fireEvent("changed");
this._dispatchEvent("changed");
}KTDataTable line 744
if (sortField !== undefined) {
queryParams.set("sortField", String(sortField));
}
