Tablepress не работает datatables javascript

TablePress

Tables in WordPress made easy.

Frequently Asked Questions (FAQ)
Sorting or other JavaScript functions are not working

If the “Use DataTables” checkbox is checked on a table’s “Edit” screen, but functions like sorting, search, pagination, or from TablePress Extensions are not working in your tables, this usually indicates a JavaScript problem.

To check for that, please use the built-in “Developer Tools” of your browser. Right click your page and pick “Inspect Element” (in Chrome, Firefox, and Opera) or press the F12 key (in Internet Explorer). You should then see the “Developer Tools”, where you can switch to the “Console” tab to see JavaScript problems on the page.

Depending on the shown error messages, we can then narrow down the cause. Here’s a list of common possible error messages and their causes:

Error: Uncaught TypeError: Cannot read property ‘mData’ of undefined

This error message indicates a problem with the table structure. The DataTables JavaScript library requires that the table has a rectangular structure, which means that every row must have the same number of cells. Unfortunately, this means that it is not possible to use both the JavaScript features and cell merging/combining, using the #colspan# or #rowspan# keywords, at the same time. You will have to decide what’s more important for your table: Using the JavaScript features or combining cells. Having both for one table is not possible.

If you are not using the #colspan# or #rowspan# keywords in the affected table, chances are high that the HTML code in your table is broken somewhere. A visual indicator for this can be that content or cells in the table are shifted, e.g. they are shown on the left of the other cells in the same column. Very often, this happens when using HTML code for a link in the table. It is very important that e.g. quotation marks » are used properly around the values of HTML tag attributes, e.g. around the URL after the href= attribute. Please check that this is the case for all HTML tags in your table.

Error: Uncaught ReferenceError: jQuery is not defined

A common reason for this error message is the use of plugins that minify, concatenate, or try to optimize the loading of JavaScript or CSS files on your site. Due to the large variety of plugins, these sometimes can not properly maintain script dependencies or the necessary loading order of files. If you see this error, you should therefore try again after temporarily deactivating any such JavaScript/CSS optimization plugins.

Another reason for this is error could be that an old and outdated version of the jQuery JavaScript library is loaded on your site. There are some themes and plugins that still do this, even though WordPress already ships with the correct and up-to-date version of jQuery. To check for this, please search the generated HTML source code of the page with the table (accessible via the “View Source” feature in your browser) for the string jquery . If there’s more than one result within HTML

from the theme’s “header.php” file. Other variants are lines like

wp_deregister_script( ‘jquery’ ); wp_register_script( ‘jquery’, . );

in the “functions.php” file.

No or other error messages

If you don’t see any JavaScript errors, please make sure that the “Use DataTables” checkbox is really checked on the table’s “Edit” screen. Please also check if the JavaScript code load and initialize the DataTables JavaScript library is part of the generated HTML source code of the page. To check for this, please search that source code (again accessible via the “View Source” feature in your browser) for e.g. datatable .

If you are seeing other error messages than those from above, or if you are seeing other unexpected behavior of the JavaScript library, please open a new topic in the TablePress support forums, and make sure to include a link to the page with the table where this error happens!

About the Developer

Tobias Bäthge is a PhD student in the field of “Engineering Cybernetics” from Magdeburg, Germany. He loves baseball and likes to work with WordPress.

Источник

TablePress

Tables in WordPress made easy.

Documentation
Features of the DataTables JavaScript Library

The DataTables JavaScript library, an external jQuery library, is an additional feature to TablePress. It was written by Allan Jardine and has its own website and documentation.

The library can be used to add features like sorting, pagination (with length change feature), scrolling, and filtering/searching to a table. To enable those, check the corresponding checkboxes on the table’s “Edit” screen.

Even more features for the DataTables JS library can be added to TablePress via so-called TablePress Extensions.

You may decide for each table individually whether you want to use the DataTables library for it (see the section Table Options for more), and you can select the desired features individually.

The library’s JavaScript file is located in the subfolder “js” of the plugin folder. It uses the jQuery library (which is included in WordPress and will be loaded automatically in the head of every page of your site).

You can add custom commands or parameters from the DataTables Documentation into the “Custom Commands” text field. You can also use certain Plugin Hooks in a custom plugin to add your own commands. See the TablePress Extensions for some examples.

About the Developer

Tobias Bäthge is a PhD student in the field of “Engineering Cybernetics” from Magdeburg, Germany. He loves baseball and likes to work with WordPress.

Источник

Нарративы и аналогии

Управление выводом таблиц Table Press при помощи шорткодов

Обычно таблица TablePress выводится на странице или в записи путем вставки стандартного шорткода типа ⁅table /⁆ , где N -идентификатор нужной таблицы.

Но, оказывается, с помощью шорткода таблице можно передать и многие индивидуальные параметры вывода ее на экран именно в этом месте. При том, переданные ей в шорткоде команды будут иметь приоритет перед командами таблицы стилей и настройкой таблицы на странице ее редактирования.

Справку по использовании шорткодов для управления таблицами при их выводе в записях и на страницах можно посмотреть на этой странице автора TablePress.

Например, на конкретной странице только шорткодом, включающим в себя определенные команды можно включить работу DataTables JavaScript, выключенную в свойствах таблицы, и сортировку таблицы пользователем

[table use_datatables=true datatables_sort=true /]

а таким образом можно вывести таблицу в окне высотой 500рх с вертикальным скролл-баром:

[table datatables_scrolly=»500px» /] .

Можно определить новую ширину столбцов.

Так: [table column_widths=»40px|50px|30px|40px» /]

или так: [table column_widths=»20%|20%|20%|40%» /]

Можно скрыть строки с 1-й по 4-ю, а так же 6-ю и 8-ю:

[table hide_rows=»2-4,6,8″ /].

Таким образом, с помощью шорткода таблице можно передать следующие индивидуальные параметры:

Шорткод	Описание
[table alternating_row_colors=»false» /]	Команда определяет, будет ли таблица иметь стандартную расцветку с чередующимися цветами строк. Допустимые значения «true» и «false».
[table cache_table_output=»false» /]	Включает или отключает кэширование таблицы при выводе. Допустимые значения «true» и «false».
[table column_widths=»40px|50px|30px» /]	Команда устанавливает ширину столбцов. Может быть указана в пикселях или в процентах. Разделитель — символ «|» (pipe -труба).
[table convert_line_breaks=»false» /]	Включает или отключает автоматический перенос строки в ячейках таблицы. Допустимые значения «true» и «false».
[table datatables_filter=»false» /]	Команда включает и отключает возможность выборки данных пользователем в таблице. Допустимые значения «true» и «false».
[table datatables_info=»false» /]	Команда включает или отключает вывод пользователю информации о таблице: общее число строк в таблице и количестве строк выведенных на экран. Допустимые значения «true» и «false».
[table datatables_lengthchange=»false» /]	Команда определяет вывод горизонтальной полосы прокрутки для широких таблиц. Допустимые значения «true» и «false».
[table datatables_locale=es_ES /]	Позволяет изменить язык вывода таблицы (использование другого языкового файла lang-*_*.json в папке tablepress/i18n/datatables). Допустимые значения «es_ES «, «ru_RU» и т.д.
[table datatables_paginate=»false» /]	Команда определяет, будет ли включена разбивка таблицы (просмотр только определенного количества строк на странице) пользователю. Допустимые значения «true» и «false».
[table datatables_paginate_entries=20 /]	Параметр команды datatables_paginate. Устанавливает число выводимых на странице строк. Допустимое значение — число. (10, 20, 50 и т.д.)
[table datatables_scrolly=»500px» /]	Включает вывод таблицы с вертикальным скролл-баром. Параметр — высота выводимой на экран части таблицы: 300px, 500px и т.д.
[table datatables_sort=»false» /]	Команда включает и отключает возможность сортировки табличных данных пользователем. Допустимые значения «true» и «false».
[table extra_css_classes=»tp-no-br» /]	Позволяет подключить таблицу к групповому CSS классу. Параметр — название CSS класса. В данном случае: tp-no-br
[table first_column_th=»false» /]	Команда определяет, будет ли первый столбец определен как заглавный. Допустимые значения «true» и «false». Включение этого параметра в редакторе плагина отсутствует.
[table hide_columns=»2-4,6,8″ /]	Команда скрыть определенные столбцы. Может иметь параметром разделенные запятыми номера строк, разделенные тире диапазоны столбцов, или “all” -все.
[table hide_rows=»2-4,6,8″ /]	Команда скрыть определенные строки. Может иметь параметром разделенные запятыми номера строк, разделенные тире диапазоны строк, или “all” -все.
[table print_description=»false» /]	Команда включает или отключает вывод описания таблицы на странице или в записи. Допустимые значения «true» и «false».
[table print_description_position=»below» /]	Команда определяет место вывода описания относительно таблицы на странице или в записи. Допустимые значения “above” или “below” («выше» или «ниже»).
[table print_name=»false» /]	Команда определяет вывод наименования таблицы на странице или в записи. Допустимые значения «true» и «false».
[table print_name_position=»above» /]	Команда определяет место вывода наименования относительно таблицы. Допустимые значения “above” или “below” («выше» или «ниже»).
[table row_hover=»false» /]	Команда определяет, будет ли выделятся цветом строка при наведении на нее курсора мышки. Допустимые значения «true» и «false».
[table show_columns=»2-4,6,8″ /]	Команда показать ранее скрытые столбцы. Может иметь параметром разделенные запятыми номера столбцов, разделенные тире диапазоны столбцов, или “all” -все.
[table show_rows=»2-4,6,8″ /]	Команда показывать ранее скрытые строки. Может иметь параметром разделенные запятыми номера строк, разделенные тире диапазоны строк, или “all” -все.
[table table_foot=»false» /]	Команда определяет, будет ли последняя строка таблицы определена, как строка итога. Допустимые значения «true» и «false».
[table table_head=»false» /]	Команда определяет, будет ли первая строка определена, как строка заголовка. Допустимые значения «true» и «false».
[table use_datatables=»false» /]	Команда определяет, будут ли включены функции DataTables JavaScript. Допустимые значения «true» и «false». Для этого первая строка тем или иным способом должна быть определена как заголовок.

Все команды в шорткоде исполняются последовательно. Например, таким образом можно вывести на странице только 2-ю и 4-ю строку таблицы N:

[table hide_rows=»all» show_rows=»2,4″ /].

таким — только 2-й и 4-й столбцы:

[table hide_columns=»all» show_columns=»2,4″ /]

а так и вовсе вывести на страницу всего одну ячейку из таблицы N:

[table hide_columns=»all» show_columns=»2″ hide_rows=»all» show_rows=»2″ /].

Существует еще одна возможность использования шорткода. Это вывод таблицы на конкретной странице с особым дизайном. Например — с невидимыми границами. Для этого вы можете подсоединить эту таблицу с помощью шорткода к уже имеющемуся у вас групповому CSS классу типа «tablepress-no-border» , или к вновь созданному. Никто не мешает создать групповой CSS класс и для единственной таблицы. Потом пригодится.

Подсоединить таблицу к групповому CSS классу с помощью следующего шорткода:

[table extra_css_classes=»tablepress-no-border» /].

Таким образом использование команд в шорткодах, которыми мы можем управлять выводом таблиц на конкретных страницах, значительно расширяет наши возможности при использовании TablePress.

Источник

Не работают функции в DataTable

Здравствуйте, у меня есть mysql бд, в которой 1000+ записей, несколько таблиц и тд.
Мне нужно ее корректно отобразить, я выбрал для этого DataTable,вроде бы все корректно подключил, но функции сортировки столбцов не работают, поиск не работает, отображение по 10,20,30. записей не работает, что я сделал неверно?

php файл, где я обращаюсь к базе данных и записываю данные в массив (getData.php)

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Как из одного datatable перенести столбец в другой datatable?
Здравствуйте! Кто может подсказать: как из одного datatable перенести столбец в другой datatable?

Создание массива DataTable с разными DataTable
Здравствуйте. Писал класс где нужно создать массив из 10 разных DataTable (в таблице 1 столбец и.

Как передать столбец данных из DataTable в качестве аргумента функции
Добрый день. 1. Есть три таблицы DataTable две с входными данными и одна с результатами расчета.

Не работают функции в методе (функции-члене)
Сделал программу которая решает по формуле задачу. Все работает, но стоило вынести нахождение y в.

Не работают функции
Приветствую. Никак не могу понять, какую библиотеку надо скачивать. Скачал программку .

Функции IN, OUT не работают
Изучаю Ассемблер. Сейчас разбираю по примерам учебника Рудакова и Финогенова «Язык Ассемблера.

Не работают функции)
package com.company; import java.io.*; import java.util.Arrays; import java.util.Scanner; .

Не работают функции
Не работают то ли функции, то ли неправильно к ним обращаюсь. Есть 3 функции: Выделение строки.

Не работают функции
Привет всем! В С# не работает функция abs и setPixel. Что надо подключить, чтоб они заработали?

Источник