ng2-таблица Как добавить стиль к определенной строке

Привет я новый с angular 2. Я использую ng2-table . Я добавил к моей таблице веб-сайт, как это .
Мне нужно добавить цвет к определенной строке внутри таблицы. Как это возможно ?
Я попытался добавить его, как учебник сделал с его колонками, но безуспешно.

2 ответа

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

    Например. используемых классов: table dataTable table-striped table-bordered

    CSS:

    table.dataTable tbody th, table.dataTable tbody td {
      padding: 8px 10px;
      background-color: red;
    }
    

    Реульст:
    Введите описание изображения здесь

  2. Найден ответ, взятый отсюда:
    https://github.com/valor-software/ng2-table/issues/342

    Мы можем изменить цвет строки, добавив к ней стиль, как это:

    Быстрое и грязное решение:

    Шаг 1: интеграция jQuery

    Шаг 2: Дайте вашей таблице результатов ID как:

    <ng-table id="resultDataTable" ...
    

    Шаг 3: измените метод onCellClick:

    onCellClick(data: any): any {
    /* get index of row */
    let index = this.tableData.indexOf(data.row);  
    
    /* add an class 'active' on click */
    $('#resultDataTable').on('click', 'tr', function (event: any) {
      //noinspection TypeScriptUnresolvedFunction
      $(this).addClass('active').siblings().removeClass('active');
    });}