headerCellTemplate(column) {
    const sortIndicator = `<div class="sort-indicator">
      <ids-icon icon="dropdown"></ids-icon>
      <ids-icon icon="dropdown"></ids-icon>
    </div>`;
    const cssClasses = `${column.sortable ? ' is-sortable' : ''}`;

    const headerTemplate = `<span class="ids-data-grid-header-cell${cssClasses}" part="header-cell" data-column-id="${column.id}" role="columnheader">
      <span class="ids-data-grid-header-text">${column.name || ''}</span>
      ${column.sortable ? sortIndicator : ''}
    </span>`;
    return headerTemplate;
  }
/**
   * Returns the markup for a header cell.
   * @private
   * @param {object} column The column info
   * @returns {string} The resuling header cell template
   */
Returns the markup for a header cell.
@private
@param {object} column The column info
@returns {string} The resuling header cell template
Returns the markup for a header cell . @private @param { object } column The column info @returns { string } The resuling header cell template
headerCellTemplate(column) {
    const sortIndicator = `<div class="sort-indicator">
      <ids-icon icon="dropdown"></ids-icon>
      <ids-icon icon="dropdown"></ids-icon>
    </div>`;
    const cssClasses = `${column.sortable ? ' is-sortable' : ''}`;
    const headerTemplate = `<span class="ids-data-grid-header-cell${cssClasses}" part="header-cell" data-column-id="${column.id}" role="columnheader">
      <span class="ids-data-grid-header-text">${column.name || ''}</span>
      ${column.sortable ? sortIndicator : ''}
    </span>`;
    return headerTemplate;
  }
headerCellTemplate ( column ) { const sortIndicator = ` ` ; const cssClasses = ` ${ column . sortable ? ' is-sortable' : '' } ` ; const headerTemplate = ` ${ cssClasses } ${ column . id } ${ column . name || '' } ${ column . sortable ? sortIndicator : '' } ` ; return headerTemplate ; }
Returns the markup for a header cell.
Returns the markup for a header cell .