Table functions > Columns ordering

Crud Elite

Getting Started

Action Column

Hide action column

Add buttons to action column

Table functions

Default sorting

“Show 10 records” drop-down

The “Search…” placeholder

Exported file

Columns ordering

Custom content in a column

Confirm delete popup

Common issues

Edit auratheme.table.js

Other

Clone for another table

How it works

Read data for the table

How to change column orders?

You can set the columns ordering in /Helpers/TableHelper.cs

The steps

1. Open /Helpers/TableHelper.cs
2. Go to ClientTableConfig
3. You can change the order of TableColumns in ClientTableConfig.

   • Original (Columns are displaying in this order: Name, Email, Notes):

     public static readonly List<ColumnHeader> TableColumns = new List<ColumnHeader>() {
         new ColumnHeader { Title = nameof(ClientViewModel.Name), Sortable = true,Exportable=true  },
         new ColumnHeader { Title = nameof(ClientViewModel.EmailAddress), Sortable = true ,Exportable=true },
         new ColumnHeader { Title = nameof(ClientViewModel.Notes), Sortable = true ,Exportable=true }
     };
     

   • You can change to display the columns in this order: Email, Name, Notes.

     public static readonly List<ColumnHeader> TableColumns = new List<ColumnHeader>() {
         new ColumnHeader { Title = nameof(ClientViewModel.EmailAddress), Sortable = true ,Exportable=true },
         new ColumnHeader { Title = nameof(ClientViewModel.Name), Sortable = true,Exportable=true  },
         new ColumnHeader { Title = nameof(ClientViewModel.Notes), Sortable = true ,Exportable=true }
     };