Возможны ли двухосные заголовки с сеткой Telerik Kendo?

Question

Возможны ли двухосные заголовки с сеткой Telerik Kendo?

0

Мне интересно, возможно ли иметь двухосные заголовки (1 столбец/строка как заголовки) с использованием сетки Kendo? Пример того, что я ищу, можно найти здесь:
- http://jsfiddle.net/uY2JB/1/
- http://tympanus.net/Tutorials/StickyTableHeaders/index2.html

Пример кода (из jsfiddle):

<html>
   <body>
  <TABLE border=1 width=100%>
     <thead>
        <TR>
           <TH>DATE</TH>
           <TH>Acres</TH>
           <TH>Change</TH>
           <TH>Total</TH>
        </TR>
     </thead>
     <TR>
        <TH>Owned</TH>
        <TD></TD>
        <TD></TD>
        <TD></TD>
     </TR>
     <TR>
        <TH>Leased</TH>
        <TD></TD>
        <TD></TD>
        <TD></TD>
     </TR>
     <TR>
        <TH>Total</TH>
        <TD></TD>
        <TD></TD>
        <TD></TD>
     </TR>
     <TR>
        <TH>Reason</TH>
        <td colspan=3></td>
     </TR>
  </TABLE>

Любая помощь очень ценится!

LightOS 16 апр. 2014, в 00:08

Источник

Теги:

jquery

html

css

kendo-ui

telerik

1 ответ

Ещё вопросы

Atanas Korchev · Accepted Answer · 2014-04-16T08-07-00.000Z

Это можно сделать только с помощью настраиваемого шаблона строки:

  <div id="grid"></div>
  <script>
    $("#grid").kendoGrid({
      dataSource: [
        { header: "First Row", foo: "foo" },
        { header: "Second Row", foo: "bar" }
      ],
      columns: [
        { width: 100, title: "Header", field: "header"},
        { title: "Foo", field: "foo"},
      ],
      rowTemplate: '<tr data-uid="#=uid#"><th class="k-header">#:header#</th><td>#: foo #</td></tr>',
      altRowTemplate: '<tr data-uid="#=uid#" class="k-alt"><th class="k-header">#:header#</th><td>#: foo #</td></tr>'
    })
  </script>

Вот живая демонстрация: http://trykendoui.telerik.com/@korchev/EneQ