How to add "Sort Icon" on the table header and sorting to do be done when clicked on it in service portal

[Raghu Ram Y]

How to add "Sort Icon" on the table header and sorting to do be done when clicked on it in service portal.

Attaching the screenshot below.

@Ankur Bawiskar @Pranav Bhagat 

[Pranav Bhagat · Accepted solution]

Check this https://codepen.io/anon/pen/fjkcg

[shloke04]

Hi,

Are you using a custom widget here to display the list of records from say Task table?

If the intention is to display list of records then why not utilize the OOB Data Driven widget which has the sorting capability already built OOB and offers lot more features as well.

Please see the steps below on how to utilize Data Driven widget as shown below:

1) Navigate to Page module under Service portal Application menu as shown below:

Now open the page where you need to add the widget to display the data, I have created a new page in my custom scope as shown below:

Click on Open in Designer as shown below after opening your Page record:

Now add this widget in the container where you need to add "Data Table from Instance Definition"

Now once this widget is added, Navigate to widget module and open this widget as shown below: "Data Table from Instance Definition"

After opening the widget record scroll down to "Instance" related list as shown below:

Now open the record where title is blank and select your table Name i.e. Remote Table Name with fields as shown below:

Once this is done, Navigate to your portal page and result are as you need:

Result:

Hope this helps. Please mark the answer as correct/helpful based on impact.

Regards,
Shloke