HTML AND (Name == 1Password AND NPM == 17984)

Name NPM Product
1Password 17984 1Password
1Password 12345 1Password
Chrome 17984 Google Chrome

About this example

Demonstrates an AND group with two conditions. Both Name and NPM must match to highlight their columns.

Configuration

columnHighlighter: {
  rules: [
    {
      conditionsContainer: [
        {
          logic: 'AND',
          conditions: [
            { columnName: 'Name', operator: 'eq', type: 'string', value: '1Password' },
            { columnName: 'NPM', operator: 'eq', type: 'number', value: 17984 }
          ]
        }
      ],
      targets: [
        { column: 'Name', css: { 'background-color': '#fa8072', color: '#000' } },
        { column: 'NPM',  css: { 'background-color': '#fa8072', color: '#000' } }
      ]
    }
  ]
}