JqxGrid set Arrow on sort by Column header

[alpeshParticipant]

Hello,

We need to set arrow on sort by column header.We need to specify on grid to this column by sort list display.We have checked jqxgrid api that have all column arrow display when we set sortable: true but we need to arrow on one column header.

Could you please help us for?

Thanks
Alpesh

[DimitarParticipant]

Hello Alpesh,

Is the following example what you are looking for: http://jsfiddle.net/Dimitar_jQWidgets/ta5mpjnu/?

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[alpeshParticipant]

Thanks for reply Dimitar.

Yes we are looking above example.We need help reagrding two column sortable and first one is set asc order and second one is set on desc order.
like above example

 columns: [{
          text: 'First Name',
          datafield: 'firstname',
          width: 100,
          sortable: true,
      }, {
          text: 'Last Name',
          datafield: 'lastname',
          width: 100,
          sortable: true,
      }, 

we need to set firstname on asc order and lastname on desc order with arrow icon.

Could please help us to set mulitple column sortable with asc/desc icon ?

Thanks
Alpesh

[DimitarParticipant]

Hi Alpesh,

I am not sure what exactly your requirement is. Do you wish to change the menu icon of the second column (the menu icon is different from the ones showing the sort direction) or do you want to sort by two columns? Sorting by multiple columns is not supported by jqxGrid.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[alpeshParticipant]

thanks for reply.

Is it not possible sorting by multiple columns ?
then we can set multiple sorting columns icon.
example like we have firstname,lastname and other fields there in above example.

if multiple sort by not possible then it’s okay. but we can specify firstname and lastname two column with arrow icon.

Any help will be appreciated.

Thanks
Alpesh

[alpeshParticipant]

Hello,

Could you please help us ?

Thanks

[DimitarParticipant]

Hi Alpesh,

Is this what you require: http://jsfiddle.net/Dimitar_jQWidgets/ta5mpjnu/?

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[alpeshParticipant]

thanks for reply.

Can we set firstname column with asc arrow and lastname column with desc arrow ?
We need to asc and desc arrow for multiple column.
also we need to add number like firstname column to add number “1” and lastname column to add “2” number.

Thanks
Alpesh.

[alpeshParticipant]

Please see screenshot of grid table with arrow and sort number in this link grid_with_sort_arrow_and_number

We need to same like column with arrow and number.

Could you please helps us?

Thanks
Alpesh

[DimitarParticipant]

Hi Alpesh,

Here is an updated version of the example: http://jsfiddle.net/Dimitar_jQWidgets/ta5mpjnu/.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[alpeshParticipant]

Thank you very much Dimitar.

Regards,
Alpesh

[alpeshParticipant]

Hi Dimiter,

Sorry for disturbing.We need one more help on updated version of above example
When we click on ‘firstname’ result asc/desc is working completely .but arrow changing not working.
example like. click on firstname column result row asc/desc working.but arrow asc/desc not changing on header.

Could you please check it and let us know if it is possible asc/desc with arrow changing ?

Regards,
Alpesh

[alpeshParticipant]

Hello,

Could you please help us ?

Thanks,
Alpesh

[DimitarParticipant]

Hi Alpesh,

The arrows which are modified in the example are not the arrows showing the sort direction, but the sort/filter menu arrows. These are different, as I stated earlier. To see the sort direction arrows, you would have to decrease the value of columnsmenuwidth (e.g. from 35 to 15).

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[alpeshParticipant]

Thanks for reply

But When we click on menu to change order asc to desc then arrow direction changing not working

Could you please check it ?

Thanks,
Alpesh

[Author]

Posts