I'm using Bootstraptable4. I do see sort icons (up and down) arrows against column that are sortable. But, I do want to show sort icon only for the column that is currently sorted. How do i do it?

[ranaraya]

Question
A clear and concise description of you question. In addition, please search issues before you open a question to make sure there's no any duplicated questions.

Screenshots
If applicable, add screenshots to help explain your problem.

codesandbox
Please give a simple and minimal example on https://codesandbox.io so that we can reproduce it easily.

[maazakn]

create a function like,

const sortOption = { sortCaret: (order, column) => { const sortIcon = !order ? icon1 : order === "asc" ? icon1 : order === "desc" ? icon2 : null; if (sortIcon !== null) { return ( <span > <img src={sortIcon} alt="sortIcon" /> </span> ); } return null; }, };

pass it ti bootstrap table

<BootstrapTable keyField="id" data={ products } columns={ columns } sort={ sortOption } />

ref: react-bootstrap-table-2

[ranaraya]

Thanks maazakn. Will try. I assume that it works for BSTable4 as well. Based on the code, my understanding is that the sort icon (asc/desc/None) will appear next to one of the columns only.

[maazakn]

you can configure sort in the table configuration, just define sort: true or false in column options

[ranaraya]

Thanks for the quick response. Based on your suggestion, the UI will show sort icons (up/down arrow) for all columns with Sort: True. But, i want to show the sort image only for the column that is currently sorted on. For example, if i have two columns, Col1 and Col2, when i perform sort on Col1, i expect to see up/down arrow to show next to column heading for Col1. For Col2 there should be no sort icon/image next to its heading.

…

________________________________ From: Maaz Ahmed Khan ***@***.***> Sent: Thursday, December 30, 2021 1:40 PM To: react-bootstrap-table/react-bootstrap-table2 ***@***.***> Cc: ranaraya ***@***.***>; Author ***@***.***> Subject: Re: [react-bootstrap-table/react-bootstrap-table2] I'm using Bootstraptable4. I do see sort icons (up and down) arrows against column that are sortable. But, I do want to show sort icon only for the column that is currently sorted. How do i do it? (#1663) you can configure sort in the table configuration, just define sort: true or false in column options — Reply to this email directly, view it on GitHub<#1663 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/ATEFIT67WVULA7UIJONZZJTUTSRSVANCNFSM5BSB3JWQ>. Triage notifications on the go with GitHub Mobile for iOS<https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android<https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>. You are receiving this because you authored the thread.Message ID: ***@***.***>