DataTables - использование дополнительных параметров

@masli · Регистрация: 27.03.2013

Author24 — интернет-сервис помощи студентам

Кто пользуется плагином https://www.datatables.net/, поделитесь настройками, которые используете, чтобы например избежать вот такого результата.

Таблица формируется полностью динамически, от начал и до конца (используются также теги thead и tbody)

@Уф · 14.02.2019, 09:21

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

Добавлено через 2 минуты
в самой таблице не забудь классы добавить

HTML5    
        
    Скопировано
1
<table id="tblWh" class="display compact cell-border" cellspacing="0" width="100%">

@masli · 14.02.2019, 09:33 **[ТС]**

JavaScript    
        
    Скопировано
1
2
3
4
     $(selectorTableList).DataTable({
                     paging: true,
                     scrollY: 400
                });

Кликните здесь для просмотра всего текста

HTML5    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/resources/css/jquery-ui.css">
    <link rel="stylesheet" type="text/css" href="/resources/css/datatables.min.css"/>
 
    <script type="text/javascript" src="/resources/js/jquery/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="/resources/js/jquery/jquery-ui.js"></script>
    <script type="text/javascript" src="/resources/js/jquery/datatables.min.js"></script>
    <script type="text/javascript" src="/resources/js/jquery/create-table-plugin.js"></script>
    <script type="text/javascript" src="/resources/js/jquery/jquery.inputmask.bundle.js"></script>
    <script type="text/javascript" src="/resources/js/jquery/jquery.maskedinput.js"></script>
    <script type="text/javascript" src="/resources/js/jquery/jquery.modal-box-cell-edit.js"></script>
    <script type="text/javascript" src="/resources/js/script/employees.js"></script>
 
 
</head>
<body>
<h2 class="title">Таблица с данными сотрудников</h2>
<hr/>
 
<br />
<div class="tableEmployees">
</div>
 
<div class = "message"></div>
<div class="errMessageEmployees"></div>
 
<div class="updateJquery"></div>
<button class="update">Обновить</button>
</body>
</html>

а таблица вот такая, вернее то что получилось после применения плагина

@masli · 14.02.2019, 09:43 **[ТС]**

JavaScript    
        
    Скопировано
1
2
3
4
5
   /*создаем 'table'*/
            createElemIntoAnotherElem(options.classTableName, '<table>', options.selectorForCreateElemInto);
            applyStyle('.' + options.classTableName, options.styleForTable);
 
            $('.' + options.classTableName).addClass('display compact cell-border');

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
      /*атибуты стиля тега 'table'*/
        var styleAttributesForTable = {
            'border': "solid 2px blue",
            'border-collapse': 'collapse', /*убираем расстояние между ячейками*/
            'margin-top': '2%',
            'padding-top': '2%',
            'margin-left': '2%',
            'margin-bottom': '2%',
            'margin-right': '10%',
            'height': '40%',
            'width': '100%',
            'background-color':'#FFFFE0',
            'cellspacing':'0'
        };

вот что получилось после добавления классов

HTML5    
        
    Скопировано
1
2
3
<table class="tableFirst display compact cell-border dataTable no-footer" style="border: 2px solid blue; border-collapse: collapse; margin: 2% 10% 2% 0px; padding-top: 2%; height: 40%; width: 1504.8px; background-color: rgb(255, 255, 224);" role="grid">
 
<thead class="tableFirstHead">

@Уф · 14.02.2019, 09:46

зачем ты туда стили свои вписал? есть же стили плагина нормальные?

@masli · 14.02.2019, 09:52 **[ТС]**

Убрал свои стили, получилось более прилично, можете ссылку бросить на мануал в том месте, где описывается как добавить
линии для ячеек и где описывается как менять сообщения (нужна будет локализация)

так вообще выглядит более прилично, но нет линий для столбцов

@masli · 14.02.2019, 09:56 **[ТС]**

и скролл горизонтальный двигается независимо от заголовков столбцов, с этим можно что-то сделать, не применяя других плагинов для фиксации заголовка?

@Уф · 14.02.2019, 12:51

после подключения библиотеки я подключаю свой скрипт со стандартными настройками, там и локализация

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
/* DataTables default */
$.extend( true, $.fn.dataTable.defaults, {
    "ordering": true,
    "bRetrieve" : true, //могут ли опции быть изменены после инициализации. true - не могут, false - могут
    "bPaginate": false,
    "sScrollX": "100%",
    "sScrollY": "200px",
    "bInfo": true,
    "bAutoWidth": true,
    "sDom": '<fi><"#clear"><t><prl>',
    "oLanguage": {
        "sProcessing":"Подождите...",
        "sLengthMenu":"Показать _MENU_ записей",
        "sZeroRecords":"Записи отсутствуют.",
        "sEmptyTable":"Записи отсутствуют.",
        "sInfo":"Записи с _START_ до _END_ из _TOTAL_ ",
        "sInfoEmpty":"Записи с 0 до 0 из 0 ",
        "sInfoFiltered":"(в _MAX_)",
        "sInfoPostFix":"",
        "sSearch":"Поиск: ",
        "sUrl": "",
        "oPaginate": {
            "sFirst":"Первая",
            "sPrevious":"Предыдущая",
            "sNext":"Следующая",
            "sLast":"Последняя"
        }
    }
});

если хочешь больше отсупа в ячейках убери из классов слово compact
https://www.datatables.net/manual/styling/classes

Добавлено через 5 минут
про локализацию https://www.datatables.net/manual/i18n
для линий в шапке добавь стиль

CSS    
        
    Скопировано
1
2
3
table.dataTable thead tr th {
    border-right:1px solid #ccc;
}

в стандартных опциях этого нет

Добавлено через 4 минуты
шапка смещается как ты мог заметить ровно на ширину прокруточной полосы основной таблицы, у меня тоже так было, и я пилил костыль, напишу если найду, еще там в файефоксе чето съезжает поэтому как видишь в sDom таблицы я добавил пустой div с айди clear

CSS    
        
    Скопировано
1
2
3
#clear, div.clear {
    height: 30px; 
   }

@masli · 14.02.2019, 16:54 **[ТС]**

JavaScript    
        
    Скопировано
1
2
/* DataTables default */
$.extend( true, $.fn.dataTable.defaults, {

А это откуда ?

Добавлено через 31 минуту
Что такое sDom, я не смог найти в мануале это.

Добавлено через 26 минут
кроме того, что может сказать о сортировке и поиске даты формата

'DD-MM-YYYY' (10-02-2019)

Я подключил файлы

HTML5    
        
    Скопировано
1
2
3
    <script type="text/javascript" src="/resources/js/jquery/datatables.min.js"></script>
    <script type="text/javascript" src="/resources/js/jquery/moment.min.js"></script>
    <script type="text/javascript" src="/resources/js/jquery/datetime-moment.js"></script>

затем перед вызовом плагина указал настройку

JavaScript    
        
    Скопировано
1
2
3
4
5
6
7
            $.fn.dataTable.moment( 'DD-MM-YYYY');
 
            $(selectorTable).DataTable({
                paging: true,
             // scrollY: 400,
 
            });

не сортируется и не ищет дату

Добавлено через 40 минут

Сообщение от Уф

шапка смещается как ты мог заметить ровно на ширину прокруточной полосы основной таблицы

не только смещается, но и обрезается 2 последние колонки и прокрутка не видит 2-x колонок из шапки.

@masli · 15.02.2019, 09:28 **[ТС]**

Сообщение от masli

Что такое sDom, я не смог найти в мануале это.

Есть условные обозначения, используемые в библиотеке DataTables.
Переменные, которые, в основном, добавляют определенные префиксы к названию, которые помогают понять тип данных переменной.

n — переменная представляет собой узел.
o — переменная представляет объект.
a — переменная представляет собой массив.
s — переменная строка.
b — логический тип.
f — расположение.
i — переменная содержит целое значение.
fn — переменная представляет собой функцию.

Иногда можно видеть несколько префиксов, используемых вместе, напоминающий собой массив объектов.

https://datatables.net/reference/option/dom

@masli · 15.02.2019, 17:53 **[ТС]**

стилизация информационного блока

Кликните здесь для просмотра всего текста

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
/*применить стили для таблицы, в случае использования плагина dataTables*/
function applyStyleForDataTables() {
    /*делаем отступ между таблицей и полем поиска
    * '.dataTables_filter' - селектор для div, который содержит
     * строку поиска
     * '.dataTables_length' - селектор для div, который содержит
     * элемент для выбора количества вывода строк, при постраничном выводе
     * '.dataTables_info' - селектор для div, который содержит информационную
     * строку внизу таблицы
     * '.dataTables_paginate' -  селектор для div, который содержит
     * кнопки перелистовывания страниц
     * */
 
    var selectorFilter = '.dataTables_filter';
    var selectorLength = '.dataTables_length';
    var selectorInfo =  '.dataTables_info';
    var selectorPaginate =  '.dataTables_paginate';
 
    applyStyle(selectorFilter , {
        'margin-bottom': '10px'
    });
 
    /*надпись*/
    applyStyle(selectorFilter + ' ' + 'label' , {
        'font-size': '15px',
        'font-style': 'italic',
        'color': 'blue'
    });
 
    /*поле поиска*/
    applyStyle(selectorFilter + ' ' + 'label' + ' ' + 'input' , {
        'border': 'solid 1px #000099',
        'font-style': 'italic',
        'font-family': 'Calibri'
    });
 
    applyStyle(selectorLength, {
        'margin-bottom': '10px'
    });
 
    /*надпись*/
    applyStyle(selectorLength + ' ' + 'label' , {
        'font-size': '15px',
        'font-style': 'italic',
        'color': 'blue'
    });
 
    /*выбор количества строк*/
    applyStyle(selectorLength + ' ' + 'label' + ' ' + 'select' , {
        'border': 'solid 1px #000099',
        'padding-left': '5px',
        'padding-right': '5px',
        'margin-left': '5px',
        'margin-right': '5px'
 
    });
 
    /*заголовки колонок*/
    applyStyle('table.dataTable thead tr th', {
        'border': '1px solid #ccc',
        'background': '#FFFFC1'
    });
 
    /*таблица*/
    applyStyle('table', {
        'border': '2px solid #330099',
        'background': '#FFFFC1'
    });
 
    /*ячейки таблицы*/
    applyStyle('table td', {
        'border': '0.5px solid #330099',
        'background': '#FFFFC1'
    });
 
    /*общий стиль для заголовков таблицы*/
    applyStyle('table th', {
        'border': '0.5px solid #330099',
        'background': '#FFFFC1'
    });
 
    /*информационная строка внизу таблицы*/
    applyStyle(selectorInfo, {
        'font-style': 'italic',
        'color': 'blue',
        'margin-bottom': '10px',
        'margin-top': '10px',
        'font-family': 'Calibri'
    });
 
    applyStyle(selectorPaginate, {
        'margin-bottom': '10px',
        'margin-top': '10px',
        'font-style': 'italic',
        'color': 'blue',
        'font-family': 'Calibri'
    })
 
}

Добавлено через 4 минуты
установка локализации для плагина

Кликните здесь для просмотра всего текста

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
/*хранит локаль текущего браузера*/
var langLocaleBrowser = '';
 
/*получение сведений о локали браузера*/
getLang();
 
/*получение данных о локали браузера
* window.navigator.browserLanguage - for IE
* */
function getLang() {
    var lang = window.navigator.languages ? window.navigator.languages [0] : null;
    lang = lang || window.navigator.language || window.navigator.browserLanguage || window.navigator.userLanguage;
    if (lang.indexOf('-') !== -1) {
        lang = lang.split('-')[0];
    }
 
    if (lang.indexOf('_') !== -1) {
        lang = lang.split('_')[0];
    }
    langLocaleBrowser = lang;
 
    console.log('текущая локаль - ' + langLocaleBrowser);
}
 
 var messageRuForPluginDataTables = {};
 
            setLocalizationForDataTablesPlugin();
 
   var options = $.extend({
 
                selectorForCreateElemInto: 'body',
                classTableName: nameTable,
                classTableHeadName: nameTableHead,
                classTableBodyName: nameTableBody,
                messageForPluginDataTables: messageRuForPluginDataTables,
 
....
}
 
/*установка локализации сообщений для плагина dataTables*/
function setLocalizationForDataTablesPlugin() {
    if (langLocaleBrowser === 'ru') {
 
        messageRuForPluginDataTables = {
            "sProcessing": "Подождите...",
            "sLengthMenu": "Показать _MENU_ записей",
            "sZeroRecords": "Записи отсутствуют.",
            "sEmptyTable": "Записи отсутствуют.",
            "sInfo": "Записи с _START_ до _END_ из _TOTAL_ ",
            "sInfoEmpty": "Записи с 0 до 0 из 0 ",
            "sInfoFiltered": "(в _MAX_)",
            "sInfoPostFix": "",
            "sSearch": "Поиск: ",
            "sUrl": "",
            "oPaginate": {
                "sFirst": "Первая",
                "sPrevious": "Предыдущая",
                "sNext": "Следующая",
                "sLast": "Последняя"
            }
        };
 
    }
}

установка настроек для плагина

Кликните здесь для просмотра всего текста

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 /*настраиваем плагин для оформления таблиц;
            * applyStyle - добавляем линии к заголовкам таблицы*/
            function addOptionsForDataTablesPlugin(selectorTable) {
 
                $.fn.dataTable.moment('DD-MM-YYYY');
 
                $(selectorTable).DataTable({
 
                    paging: true, /*постарничный вывод таблицы*/
                    ordering: true,
                    "bRetrieve": true, //могут ли опции быть изменены после инициализации. true - не могут, false - могут
                    "bPaginate": false,
                    "bInfo": true,
                    bAutoWidth: true,
                    "oLanguage": options.messageForPluginDataTables,
                    scrollResize: true,
                    scrollCollapse: true,
                    columnDefs: [
                        { visible: false, targets: 1 }
                    ]
                });
 
                /*добавляем имена классов в тег table, для текущей таблицы*/
                $(selectorTable).addClass('display compact cell-border');
 
                /*стили для таблицы*/
                applyStyleForDataTables();
 
            }

Добавлено через 5 минут
библиотеки

HTML5    
        
    Скопировано
1
2
3
4
5
6
7
8
    <link rel="stylesheet" type="text/css" href="/resources/css/datatables.min.css"/>
 
    <link rel="stylesheet" type="text/css" href="/resources/css/DataTables-1.10.18/images/"/>
 
    <script type="text/javascript" src="/resources/js/jquery/jquery-3.3.1.min.js"></script>
 
    <script type="text/javascript" src="/resources/js/jquery/datatables.min.js"></script>
    <script type="text/javascript" src="/resources/js/jquery/dataTables.scrollResize.js"></script>

Добавлено через 1 час 34 минуты

Сообщение от masli

кроме того, что может сказать о сортировке и поиске даты формата

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

@masli · 15.02.2019, 17:56 **[ТС]**

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

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
    /*общий стиль для заголовков таблицы*/
                applyStyle('table th', {
                    'border': '0.5px solid #330099',
                  //  'background': '#FFFFC1'
                });

@masli · 15.02.2019, 17:58 **[ТС]**

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

Например, номер кредитной карты мне нужен большой строкой, а вот колонку пароля можно было бы скрыть, но как ?

@Уф · 15.02.2019, 20:53

в конфиге можешь писать

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
$(selectorTable).DataTable({
                paging: true,
             // scrollY: 400,
              columnDefs: [
                    {targets: [1], visible:false},
                    {targets: [2], width:30px, className: "my_class",},
                    {targets: [7], type:date},
              ]
            });

Добавлено через 52 секунды
и в стилях можешь испльзовать для колонки класс

CSS    
        
    Скопировано
1
td.my_class { overflow: hidden; }

@masli · 16.02.2019, 18:28 **[ТС]**

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
 {targets: [1], width: '5px', className: "tdControl"},
            {targets: [2], width: '5px', className: "tdControl"},
            {targets: [3], width: '5px', className: "tdControl"},
            {targets: [4], visible: true},
            {targets: [5], width : '5px', className: "tdControl"}

заработало свойство

JavaScript    
        
    Скопировано
1
 visible:false

то есть колонка скрывается.

заработало

JavaScript    
        
    Скопировано
1
className: "tdControl"

класс добавляется

Ширина не меняется, то есть свойство

JavaScript    
        
    Скопировано
1
 width: '5px'

Не работает и не было добавлено в атрибуты тега td

@masli · 16.02.2019, 20:45 **[ТС]**

JavaScript    
        
    Скопировано
1
2
3
4
  applyStyle('td.tdControl', {
             'overflow': 'hidden',
            // 'width': '10px'
            })

Не применяется, хотя видно, что атрибут добавлен

JavaScript    
        
    Скопировано
1
 type: 'date'

Не применяется, то есть атрибут не добавляется

После того, как установил

JavaScript    
        
    Скопировано
1
 paging: false

применил ось свойство width к колонкам...

@masli · 16.02.2019, 20:45 **[ТС]**

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
     columnDefsForDataTables: [
            {targets: [2], visible: false},
            {targets: [6], width: '10px', class: 'tdControl'},
            {targets: [7], width: '10px', class: 'tdControl'},
            {targets: [8], width: '30px', type: 'date'}
        ]

@masli · 17.02.2019, 12:27 **[ТС]**

Чтобы можно было добавлять полосу прокрутки по оси Y , для таблицы, сделал так.

В точке вызова библиотеки, которая рисует таблицу и подключает для управления данной таблице плагин dataTables

JavaScript    
        
    Скопировано
1
2
3
       /*если указан false, тогда будет показан вертикальный скроллинг*/
        pagingForDataTables: true /*постраничный вывод*/
    });

В самой библиотеке, в дополнитльных параметрах, сделал так

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 var options = $.extend({
 
            isUsedDataTables: true, /*использовать плагин DataTables ?*/
 
            selectorForCreateTable: 'body',
 
            classTableName: nameTable,
            classTableHeadName: nameTableHead,
            classTableBodyName: nameTableBody,
            messageForPluginDataTables: messageRuForPluginDataTables,
 
            arrTh: [], /*['id', 'имя', 'возраст', 'login']*/
            arrDataAttrName: [], /*[ {'data-dataType': 'dateType'}, {data-dataType': 'nameType','data-maxLength': '7',}]*/
....
 
            pagingForDataTables: true /*включение постраничного вывода таблицы*/
 
        }, prop);

а настройки плагина DataTables сделать так

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
  /*если включен постраничный вывод табилцы, тогда не применяем скроллинг,
            * иначе включаем вертакальный скроллинг*/
            if(options.pagingForDataTables){
                $(selectorTable).DataTable({
 
                    paging: options.pagingForDataTables, /*постарничный вывод таблицы*/
                    ordering: true,
                    "bRetrieve": false, //могут ли опции быть изменены после инициализации. true - не могут, false - могут
                    "bPaginate": false,
                    "bInfo": true,
                    bAutoWidth: true,
                    "oLanguage": options.messageForPluginDataTables,
                    scrollResize: true,
                    scrollCollapse: true,
                    /*настройка колонок, нумерация колонок начинается с 0*/
                    columnDefs: options.columnDefsForDataTables,
                });
            } else {
                $(selectorTable).DataTable({
                    paging: options.pagingForDataTables, /*постарничный вывод таблицы*/
                    ordering: true,
                    "bRetrieve": false, //могут ли опции быть изменены после инициализации. true - не могут, false - могут
                    "bPaginate": false,
                    "bInfo": true,
                    bAutoWidth: true,
                    "oLanguage": options.messageForPluginDataTables,
                    scrollResize: true,
                    scrollCollapse: true,
                    /*настройка колонок, нумерация колонок начинается с 0*/
                    columnDefs: options.columnDefsForDataTables,
                    scrollY:        '100px',
                });
            }

то есть нужно было учесть отключение постраничного вывода, при включении вертикального сроллинга

Добавлено через 6 минут
горизонтальную прокрутку нет смысла использовать и таблица должна помещаться на экран.

Если у вас таблица больше видимой части и вы применили скролл по Y, вам автоматически будет добавлена горизонтальная
прокрутка и будет видно смещение заголовков, относительно ячеек, особенно если у вас есть скрытые столбцы

@masli · 26.02.2019, 16:29 **[ТС]**

Кто нибудь знает, как стили таблицы, закрепить при переходе на другую страницы, при постраничном выводе таблицы.
А то при переходе, линии возвращаются в первоначальное состояние, да и вообще весь стиль.
Плагин DataTables динамически рисует данные, но ведь он работает в одной и той же странице, так почему же стили сбрасывает.

Уф если в курсе, подскажи.

@Уф · 26.02.2019, 17:27

можешь на jsfiddle пример создать? а то я не могу понять как это стили сбрасываются

Новые блоги и статьи Все статьи Все блоги /
Агрегаты и сущности в DDD микросервисах Javaican 10.04.2025 Разработка современных программных систем часто приводит на распутье: монолит или микросервисы? Даже при выборе микросервисной архитектуры многие команды сталкиваются с проблемой правильного. . .	Многопоточность в C#: Task и параллельное программирование UnmanagedCoder 10.04.2025 Современные процессоры уже давно перестали наращивать тактовую частоту в пользу увеличения количества ядер. Это создало интересную ситуацию: разработчики, привыкшие к последовательному. . .	Линейное решение нелинейной задачи. Формулы от LM по моему решению пока не проверял. В итоговой её формуле видно её заблуждение. Hrethgir 10.04.2025 В продолжение Эта LM дала ответ похожий на нормальный. В комментриях мой комментарий - похоже она ошиблась с выведением итоговой формулы, но остальные проверю. Assistant qwen2. 5-14b-instruct . . . .	Переменные в Python py-thonny 10.04.2025 Переменная в программировании — это символическое имя, связанное с областью памяти, в которой хранится значение. Она позволяет получать доступ к данным через понятные человеку идентификаторы, а не. . .	Многопоточность в C#: Task и асинхронные операции UnmanagedCoder 10.04.2025 Многопоточность позволяет выполнять несколько операций одновременно, что важно для решения двух основных задач: повышения скорости выполнения вычислительно-сложных операций и сохранения отзывчивости. . .
Линейное решение не линейной задачи (емкость вычислений в сравнении с традиционными решениями пока не определена). Hrethgir 10.04.2025 В рамках предстоящих вычислений пришлось (да, я тоже знаю про корень числа, и про степеня, и прочие теоремы, но. . . ) найти способ нахождения отношения двух углов. . . .	Запуск контейнеров Docker на ARM64 Mr. Docker 09.04.2025 Появление таких решений, как Apple M1/ M2, AWS Graviton, Ampere Altra и Raspberry Pi, сделало использование ARM-систем обыденностью для многих разработчиков и DevOps-инженеров. При этом Docker,. . .	Vue SFC компонент на PHP с Fusion Jason-Webb 09.04.2025 PHP на сервере и JavaScript на клиенте — классическое сочетание, которое, несмотря на свою эффективность, создает определенный когнитивный диссонанс при разработке. В этом контексте появляются. . .	TypeScript vs JavaScript: Отличия и когда что использовать Reangularity 09.04.2025 JavaScript появился в 1995 году как творение Брендана Эйха и быстро стал основой интерактивности в вебе. За свою историю он прошел путь от простого языка для манипуляций с DOM до полноценной. . .	Подключение Kafka к Elasticsearch Codd 09.04.2025 Apache Kafka и Elasticsearch — две мощные технологии, которые при совместном использовании создают эффективную платформу для обработки и анализа данных в реальном времени. Kafka, выступая в роли. . .

@masli 52 / 18 / 11 Регистрация: 27.03.2013 Сообщений: 789

	DataTables - использование дополнительных параметров 13.02.2019, 22:58. Показов 15590. Ответов 32 Метки нет (Все метки) Кто пользуется плагином https://www.datatables.net/, поделитесь настройками, которые используете, чтобы например избежать вот такого результата. Таблица формируется полностью динамически, от начал и до конца (используются также теги thead и tbody) Миниатюры 0

@Уф 890 / 725 / 447 Регистрация: 13.07.2015 Сообщений: 2,277
	14.02.2019, 09:46
	зачем ты туда стили свои вписал? есть же стили плагина нормальные? 1

@masli 52 / 18 / 11 Регистрация: 27.03.2013 Сообщений: 789
	14.02.2019, 09:52 [ТС]
	Убрал свои стили, получилось более прилично, можете ссылку бросить на мануал в том месте, где описывается как добавить линии для ячеек и где описывается как менять сообщения (нужна будет локализация) так вообще выглядит более прилично, но нет линий для столбцов Миниатюры 0

@masli 52 / 18 / 11 Регистрация: 27.03.2013 Сообщений: 789
	14.02.2019, 09:56 [ТС]
	и скролл горизонтальный двигается независимо от заголовков столбцов, с этим можно что-то сделать, не применяя других плагинов для фиксации заголовка? 0

@masli 52 / 18 / 11 Регистрация: 27.03.2013 Сообщений: 789
	15.02.2019, 09:28 [ТС]
	Сообщение от masli Что такое sDom, я не смог найти в мануале это. Есть условные обозначения, используемые в библиотеке DataTables. Переменные, которые, в основном, добавляют определенные префиксы к названию, которые помогают понять тип данных переменной. n — переменная представляет собой узел. o — переменная представляет объект. a — переменная представляет собой массив. s — переменная строка. b — логический тип. f — расположение. i — переменная содержит целое значение. fn — переменная представляет собой функцию. Иногда можно видеть несколько префиксов, используемых вместе, напоминающий собой массив объектов. https://datatables.net/reference/option/dom 0

@masli 52 / 18 / 11 Регистрация: 27.03.2013 Сообщений: 789
	15.02.2019, 17:58 [ТС]
	Кто знает как отрегулировать ширину некоторых столбцов или задать жестко, но чтобы текст сам тогда в них распределился автоматически? Например, номер кредитной карты мне нужен большой строкой, а вот колонку пароля можно было бы скрыть, но как ? 0

@masli 52 / 18 / 11 Регистрация: 27.03.2013 Сообщений: 789
	26.02.2019, 16:29 [ТС]
	Кто нибудь знает, как стили таблицы, закрепить при переходе на другую страницы, при постраничном выводе таблицы. А то при переходе, линии возвращаются в первоначальное состояние, да и вообще весь стиль. Плагин DataTables динамически рисует данные, но ведь он работает в одной и той же странице, так почему же стили сбрасывает. Уф если в курсе, подскажи. 0

@Уф 890 / 725 / 447 Регистрация: 13.07.2015 Сообщений: 2,277
	26.02.2019, 17:27
	можешь на jsfiddle пример создать? а то я не могу понять как это стили сбрасываются 0