Добавление кнопки в нижний колонтитул стола

Question

Я ищу способ, которым я могу добавить кнопку «Добавить новую» в область нижнего колонтитула datatables, чтобы при нажатии на нее пользователь отправил новую форму. Я просмотрел веб-сайт datatables и не уверен, должен ли я использовать это или нет.

http://datatables.net/extras/tabletools/

Любые другие мысли по этому поводу?

var oTable = $('#users').dataTable({ 
    "bAutoWidth": false, 
    "aoColumnDefs": [ 
     { "sWidth": "60px", "aTargets": [ 0, -1 ] }, 
     { "bSortable": false, "aTargets": [ -1 ] }, 
     { "sClass": "center", "aTargets": [ 0, -1 ] } 
    ] 
}); 

Answer 1

Вам не нужно использовать TableTools.

В данных данных вы можете установить свойство sDOM, которое определяет макет DOM таблицы. Вы можете читать больше об этом here, но главный смысл его торгажа в том, что он позволит указать логин div, чтобы добавить его в нижний колонтитул. Затем вы можете использовать jQuery для добавления вашей кнопки в этот div или что-то в этом роде. Кроме того, CSS должен отлично работать для позиционирования этого элемента в нижнем колонтитуле.

Here's more on the Datatables DOM settings

And here's a good question in the Datatables forum that might help you out

Успехов!

ОБНОВЛЕНИЕ: Я просто зашел на ваш сайт и посмотрел на настройку своих данных. Поскольку вы используете шаблон, код datatables, который они предоставили, в какой-то степени угадал, что, в свою очередь, означает, что некоторые «значения по умолчанию», которые вы видите на сайте поддержки datatables.net, не могут применяться. Они определенно изменили значение sDom по умолчанию. Вот что они используют ...:

'<"top"lf<"clear">>rt<"actions"<"actions-left"i><"actions-right"p>>' 

Похоже, «действия» является их сноска div. Легким способом было бы динамически добавить кнопку через $(selector).append(). Если вам нужна помощь, я бы посетил сайт jQuery.

Снова - удачи!

UPDATE 2: В ответ на ваш комментарий:

Что бы селектор тогда?

Ваш селектор будет '#actions'. Но опять же - если вы не знакомы с синтаксисом $ выше, вы сделаете одолжение, прочитав jQuery. Приносим извинения, если вы уже знакомы с jQuery и просто искали идентификатор селектора (в этом случае для ссылки в будущем - что-либо в кавычках в параметрах данных sDom будет ID для этого div, который вы можете использовать в ваш селектор).