This site was built to compliment the existing NetSuite Professionals Slack Community by adding a means for members to easily find answers to common questions and to create a searchable database of those questions and answers.

NetSuite Professionals

Is there a way to do sublist line highlighting on a suitelet?

I've <https://netsuiteprofessionals.slack.com/archives/C29HQS63G/p1617802737266300|heard >of people using DOM manipulation in a client script to achieve this. Personally I just used Text fields and style with html

```const onRequest = (scriptContext) =&gt; {
    const list = serverWidget.createList({ title: "Test List" });

    list.addColumn({
      id: "custpage_test_field",
      type: serverWidget.FieldType.TEXT,
      label: "Test Field",
    });

    list.addRows({
      rows: [
        { custpage_test_field: "Line 1" },
        { custpage_test_field: "&lt;mark&gt;Line 2&lt;/mark&gt;" },
        { custpage_test_field: "Line 3" },
      ],
    });

    scriptContext.response.writePage({ pageObject: list });
  };```


I am trying that in sublist field and that isn't happening, <@U29QCJQF3>.

<@U8LG4JDPY> Did you figure out for sublist ?

Depending on how the html table is structured, you can iterate through the cells in a row and change the color with .style.setProperty("background-color", "#00CC00", "important") applied to the cell element

The "important" property might not be neccesary, but it was for me when attempting this on a list isntead of a sublist

playing around in the chrome dev console, seems to work.

```let table = document.getElementById('item_splits')
for (let i = 0; i &lt; table.rows[2].cells.length; i++) {
    table.rows[2].cells[i].style.setProperty("background-color", "#00CC00", "important")
}```

Hello <@U012MM2KYQM>, while this is working in console.
I am not getting the row array elements in client script. getting `Cannot read property 'cells' of undefined`

Here is a screenshot from console.

Are you willing to post the client script?

Untitled

**I wonder if the sublist is still being populated after the DOM has finished loading.

Visually it doesn't seems so, is there any way to confirm ?

You could use setTimeout to wait a second or two before executing the code, that would rule it out. I got nothin' after that

Yes it works, have to check it for long sublists though, Thanks a lot