Kendo UI Column with Detail Table

Question

В настоящее время я показываю диаграмму пользовательского интерфейса Kendo со стандартным HTML-таблицей под ним. Кто-нибудь знает, как я могу указать каждую категорию для отображения с определенной шириной? Причина, по которой я хотел бы сделать это, - это то, что я хотел бы, чтобы метки категорий точно совпадали с заголовками таблицы под ним, чтобы пользователю было легко увидеть данные в деталях.

Вот что у меня есть. Вы заметите, что по мере добавления большего количества дат он больше не синхронизируется. Любая помощь будет принята с благодарностью. Благодаря!

current sample

Answer 1

Установите ширину на td «с вашей HTML таблицы, равным ширине столбца вашего графика.

Например, если столбцы вашего графа являются 35px в ширину, то в вашем CSS:

td.tableDataBelowMyGraph{ 
width: 35px; 
} 

Как можно заметить, ваши td «ы ширина Создаются их содержание.