I am trying to entirely format a grid based on static HTML (i.e. no data binding).
I have found it hard to find info on how to handle this scenario elegantly and how to properly set configuration attributes.
1 - One particular issue I have been struggling with is that I want to enable filtering on the grid, including for a date column, but do not want Kendo to touch the date format in the cells (or at least be able to control it).
So far I have been able to go to the <th> tag and add a data-type="date" attribute, which causes the filtering to behave properly, but have not been able to set the "format" of the data. I was hoping that "data-format" on the th tag would work but did not.
Due to the use case involved, I cannot roll this into defining the schema of the columns in JS/JSON, it needs to have the formatting defined within the HTML itself (i.e. data-format)
2 - I am also having to add dummy data-field attributes to every th to get them to sort and filter...I don't feel I should need to do this since the data rows are already there (perhaps if no data-field attr is specified there should be "dummy" values automatically? that's all I'm doing)
3 - When trying to define paging, there is a gap left between the last row of a page and the footer paging bar. Basically, it appears that the height of the grid without paging is applied (with all rows visible), and then it adds the paging in but does not shrink the grid to fit...
any help?
I have found it hard to find info on how to handle this scenario elegantly and how to properly set configuration attributes.
1 - One particular issue I have been struggling with is that I want to enable filtering on the grid, including for a date column, but do not want Kendo to touch the date format in the cells (or at least be able to control it).
So far I have been able to go to the <th> tag and add a data-type="date" attribute, which causes the filtering to behave properly, but have not been able to set the "format" of the data. I was hoping that "data-format" on the th tag would work but did not.
Due to the use case involved, I cannot roll this into defining the schema of the columns in JS/JSON, it needs to have the formatting defined within the HTML itself (i.e. data-format)
2 - I am also having to add dummy data-field attributes to every th to get them to sort and filter...I don't feel I should need to do this since the data rows are already there (perhaps if no data-field attr is specified there should be "dummy" values automatically? that's all I'm doing)
3 - When trying to define paging, there is a gap left between the last row of a page and the footer paging bar. Basically, it appears that the height of the grid without paging is applied (with all rows visible), and then it adds the paging in but does not shrink the grid to fit...
any help?