{"action":"created","issue":{"url":"https://api.github.com/repos/lorenzofox3/Smart-Table/issues/565","labels_url":"https://api.github.com/repos/lorenzofox3/Smart-Table/issues/565/labels{/name}","comments_url":"https://api.github.com/repos/lorenzofox3/Smart-Table/issues/565/comments","events_url":"https://api.github.com/repos/lorenzofox3/Smart-Table/issues/565/events","html_url":"https://github.com/lorenzofox3/Smart-Table/issues/565","id":118017082,"number":565,"title":"Always show sort icons","user":{"login":"Seiifer","id":7030689,"avatar_url":"https://avatars.githubusercontent.com/u/7030689?v=3","gravatar_id":"","url":"https://api.github.com/users/Seiifer","html_url":"https://github.com/Seiifer","followers_url":"https://api.github.com/users/Seiifer/followers","following_url":"https://api.github.com/users/Seiifer/following{/other_user}","gists_url":"https://api.github.com/users/Seiifer/gists{/gist_id}","starred_url":"https://api.github.com/users/Seiifer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Seiifer/subscriptions","organizations_url":"https://api.github.com/users/Seiifer/orgs","repos_url":"https://api.github.com/users/Seiifer/repos","events_url":"https://api.github.com/users/Seiifer/events{/privacy}","received_events_url":"https://api.github.com/users/Seiifer/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":5,"created_at":"2015-11-20T11:06:28Z","updated_at":"2015-11-20T12:54:52Z","closed_at":null,"body":"Hi,\r\nfirst of all, congratulations and many thanks for what you are offering us.\r\n\r\nI am using `<st-sort>` in order to sort the columns of my table, but I would like to let the user know he can sort the columns.\r\n\r\nIndeed, until he clicks on the `<th>Column Title</th>` There is nothing indicating the user he can sort the data in the table's columns.\r\n\r\nSo what I'm trying to achieve is to have by default both icons used in the following  css :\r\n```css\r\n.st-sort-ascent:before{\r\n    content: '\\25B2';\r\n}\r\n\r\n.st-sort-descent:before{\r\n    content: '\\25BC';\r\n}\r\n```\r\n\r\nbut in a gray (disabled) color in order to let the user know there is no sorting active.\r\n\r\nThis would look like this when no sort is active :  ![unactive](http://arts-crafts-publishing.com/images/components/arrow-sort.png), but preferably in a gray color to point there is no active sort at the moment.\r\n\r\nAnd after a sort is applied, we could either keep the current icons or use somethink like this : ![active](http://www4.infoprintsolutionscompany.com/help/topic/com.infoprint.rpde.linux.base/graphics/sort_up_2012a.png).\r\n\r\nHow could I implement something like this ?\r\n\r\n\r\nRegards,\r\nSeifer"},"comment":{"url":"https://api.github.com/repos/lorenzofox3/Smart-Table/issues/comments/158391716","html_url":"https://github.com/lorenzofox3/Smart-Table/issues/565#issuecomment-158391716","issue_url":"https://api.github.com/repos/lorenzofox3/Smart-Table/issues/565","id":158391716,"user":{"login":"Seiifer","id":7030689,"avatar_url":"https://avatars.githubusercontent.com/u/7030689?v=3","gravatar_id":"","url":"https://api.github.com/users/Seiifer","html_url":"https://github.com/Seiifer","followers_url":"https://api.github.com/users/Seiifer/followers","following_url":"https://api.github.com/users/Seiifer/following{/other_user}","gists_url":"https://api.github.com/users/Seiifer/gists{/gist_id}","starred_url":"https://api.github.com/users/Seiifer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Seiifer/subscriptions","organizations_url":"https://api.github.com/users/Seiifer/orgs","repos_url":"https://api.github.com/users/Seiifer/repos","events_url":"https://api.github.com/users/Seiifer/events{/privacy}","received_events_url":"https://api.github.com/users/Seiifer/received_events","type":"User","site_admin":false},"created_at":"2015-11-20T12:54:52Z","updated_at":"2015-11-20T12:54:52Z","body":"In the end, it gives something like this :\r\n```css\r\n/* Sortable indicator icon */\r\nth[st-sort]:not(.st-sort-ascent):not(.st-sort-descent):before {\r\n    content: url('http://report.ashrae.org/Certification/Content/Images/sort-arrows.gif') !important;\r\n}\r\n```\r\n\r\nThat's not ideal because it relies on an image, but I don't think there is any html entity for a double arrow, so this will do for now."}}