Smart UI Components & Libraries – Grid, Scheduler, Gantt, Kanban for Angular, React, Next.js, Vue, Blazor, JavaScript › Forums › Data Grid › Color of anrow

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 28, 2024 at 6:14 pm #111662
    Oleg Ilin
    Participant

    Dear friend!

    I work with a virtual tree grid, where data is pulled from the server when the row is expanded. Is it possible to change the color of the row that is categories, that is, an expanding row. Yes, and besides, only one column is shown. In other words, the request contains three fields, one of which must be used to determine the color of the row, and the first shows the name of the category and, accordingly, when expanding the leaf your example,  https://www.htmlelements.com/demos/grid/virtual-tree-grid/

    For example, in your example, is it possible to change the colors of rows with the category expansion icon (do not forget that expanding a category entails a request to the server and receiving data for the expanding rows and the grid consists of one column)

    Thanks

    October 29, 2024 at 5:25 am #111665
    Oleg Ilin
    Participant

    The issue is resolved. It turns out that by using the corresponding standart  function  cellsClassName() , which provides each line with its own ccs, the problem is solved very simply and allows you to build any hierarchical structures.

    ………………

    ……………..

    { label: “ORGANIZATION”, dataField: “NameOrg”,align:’left’,

    cellsClassName: (index, dataField, value, rowData, row) => {
    var level;
    var leaf’;
    level=row.data.level; //  level hierarchy Org
    leaf= row.data.leaf; // Customer

    if (leaf) { return ‘level-6’}  //css for customer
    if (level == 0) {
    return ‘level-0’; // up level
    };
    if (level == 1) {
    return ‘level-1’;
    };
    if (level == 2) {
    return ‘level-2’;
    };
    if (level == 3) {
    return ‘level-3’;
    };
    if (level == 4) {
    return ‘level-4’;
    };

    }, /// end cellsClass name

    • This reply was modified 1 year ago by Oleg Ilin.
    • This reply was modified 1 year ago by Oleg Ilin.
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.