Jump to content
  • 0

Вставить код jQuery


johnnybravo
 Share

Question

Здравствуйте.

Помогите пожалуйста разобраться с плагином. На этом сайте есть пример, как можно задать ширину колонки, есть и код, но не могу понять в какое место его вставлять. Я импортировал таблицу из csv, табличка получилась красивая, с фильтром и несколькими страницами + сортировка, но вот беда, в опере последняя колонка слишком узкая получилась и все цифры после запятой переносятся на вторую строчку ячейки. Мне нужно задать фиксированный размер этой колонки. Сама таблица как я понял берется из базы (не уверен, через phpmyadmin ниче там не увидел), на страницу я вставляю только [table id=<ID> /]. Мне нужно для этой таблицы где-то прписать параметр, что 3-я колонка 50px шириной.

/* Using aoColumnDefs */
$(document).ready(function() {
$('#example').dataTable( {
"aoColumnDefs": [
{ "sWidth": "20%", "aTargets": [ 0 ] }
]
} );
} );

/* Using aoColumns */
$(document).ready(function() {
$('#example').dataTable( {
"aoColumns": [
{ "sWidth": "20%" },
null,
null,
null,
null
]
} );
} );

Пробовал этот код вставлять в "Пользовательские команды:", но ничего не меняется. Так же не понятно, что ставить вместо "#example" (может ID таблицы).

По всей видимости тут пример для таблицы с 5-ю колонками и только к первой применяется 20% ширины, а остальные остаются как есть.

По скольку таблица у меня с 3-мя колонками и 3-ю нужно изменить и ID её 5, то мой код выглядит так:

$(document).ready(function() {
$('#5').dataTable( {
"aoColumns": [
null,
null,
{ "sWidth": "50px" }

]
} );
} );

Edited by johnnybravo
Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Разобрался. Этот код:

"aoColumnDefs": [{ "sWidth": "50px", "aTargets": [ 2 ] } ]

Нужно было вставить в секцию "Настройка стиля таблицы" в поле "Использовать JavaScript библиотеку".

Теперь 3-я колонка имеет фиксированную ширину. Не нужно было вставлять весь код целиком.

aTargets": [ 2 ] - почему 2? Потому что нумерация начинается с 0.

Edited by johnnybravo
Link to comment
Share on other sites

  • 0

Спасибо вам огромное johnnybravo!!!

Сколько потраченных впустую часов работы над изменением ширины столбца.

Хорошо хоть вы разобрались.

Вставил ваш код :

"aoColumnDefs": [{ "sWidth": "65px", "aTargets": [ 2 ] } ]

, только для моего примера ширина 65px и вставил в раздел "JavaScript возможности базы данных" в поле "Пользовательские команды:"

Ух сколько же я намучался...

Спасибо еще раз.

Edited by Pauls100
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy