Как добавить значение данных в нижнюю строку / ячейку - PullRequest
Новая
       11

Как добавить значение данных в нижнюю строку / ячейку

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

Я создаю footable следующим образом: 

        $('#itemsTable').footable({
        "rows": items.AllItems,
        "paging": {
            "size": 20,
            "container": '#pagination-container',
            "countFormat": "Страница {CP} из {TP}",
            "limit": 8
        },
        "sorting": {
            "enabled": true
        }
    });

И мне нужно добавить ко всем <tr> и <td> значениям данных.Это должно выглядеть так:

<tr data-id="1">Value</tr>

и то же самое для td:

<td data-id="1">Value</td>

1 Ответ

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

Если вы можете изменить JSON, атрибуты данных для данных ячейки (<td..>) можно добавить через вложенное свойство «options» каждого свойства объекта.Поэтому, если вы хотите добавить data-id, это будет выглядеть примерно так: 

{
    "property1": {
        "options": {
            "id": "1"
        },
        "value": "<span class =\"row-val\"> </span>"
    }
}

Чтобы изменить атрибуты данных в строках таблицы (<tr..>), не существует опций по умолчанию, позволяющихэто пользовательское поведение, которое я вижу из документации - но можно переопределить метод FooTable.Row#$create, чтобы получить желаемый результат.Для этого потребуется доступ и расширение плагина после того, как FooTable был включен на страницу: 

(function($, F){

    // Extend the Row.$create method to add an id attribute to each <tr>.
    F.Row.extend("$create", function(){
        // call the original method
        this._super();
        // get the current row values
        var values = this.val();
        // then add whatever attributes are required
        this.$el.attr("id", values["your-id-column-name"]);
    });

})(jQuery, FooTable);

Ссылка

...