jQuery Datatable.js функциональность сортировки и поиска - PullRequest
Новая
       20

jQuery Datatable.js функциональность сортировки и поиска

0 голосов
/ 14 ноября 2018

В настоящее время я использую NEOS CMS, и на моем сайте есть много таблиц, которые добавляются редакторами напрямую с помощью бэкэнда, и никакой код не требуется. Теперь таблицу необходимо отсортировать с помощью подключаемого модуля jquery datatable. Проблема состоит в том, что плагин требует, чтобы таблица имела тег thead для идентификации заголовков таблицы. Как ниже 

<table>
    <thead>
      <tr>
        <th>Column 1</th>
        <th>Column 2</th>
      </tr>
    </thead>
    <tbody>
    <tr>
      <td>Data1</td>
      <td>Data2</td>
    </tr>
    <tbody> 

</table>

Но NEOS CMS создает таблицу в следующем формате 

    <table>
        <tbody>
          <tr>
            <th>Column 1</th>
            <th>Column 2</th>
          </tr>
        <tr>
          <td>Data1</td>
          <td>Data2</td>
        </tr>
        <tbody> 

    </table>

Следовательно, jQuery не может найти thead и не работает. Мой вопрос, есть ли обходной путь для этой проблемы в плагине, чтобы он работал с форматом. Или любая другая библиотека javascript, которая делает все как datatables?

Заранее спасибо.

1 Ответ

0 голосов
/ 16 ноября 2018

В новом пользовательском интерфейсе вы можете включить CK Editor 5. Там вы можете установить гораздо больше свойств в таблице, таких как head и т. Д.

Я провел короткий тест и получил следующий код: 

<table>
    <thead>
        <tr>
            <th scope="col">test</th>
            <th scope="col">test</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Entry</td>
            <td>Entry</td>
        </tr>
        <tr>
            <td>Entry</td>
            <td>Entry</td>
        </tr>
    </tbody>
</table>

Вот небольшая статья о Неосе и редакторе: https://www.neos.io/blog/neos-is-in-love-with-ckeditor5.html

Знаете ли вы, что у Неоса есть собственный Дискурс и также Slack?Здесь вы найдете все ссылки: https://www.neos.io/docs-and-support/support.html

...