arrows as text

Author: Gunther Klessinger

src/lcdoc/mkdocs/lp/plugs/python/pyplugs/data_table/assets/jquery.dataTables.css

@@ -115,31 +115,50 @@ table.dataTable tfoot td {
   padding: 10px 18px 6px 18px;
   border-top: 1px solid #111;
 }
-table.dataTable thead .sorting,
-table.dataTable thead .sorting_asc,
-table.dataTable thead .sorting_desc,
-table.dataTable thead .sorting_asc_disabled,
-table.dataTable thead .sorting_desc_disabled {
-  cursor: pointer;
-  *cursor: hand;
-  background-repeat: no-repeat;
-  background-position: center right;
-}
-table.dataTable thead .sorting {
-  background-image: url("../images/sort_both.png");
-}
-table.dataTable thead .sorting_asc {
-  background-image: url("../images/sort_asc.png") !important;
+table.dataTable thead .sorting:after,
+table.dataTable thead .sorting_asc:after,
+table.dataTable thead .sorting_desc:after {
+    font-family: Arial, sans-serif;
+    font-size: 12px;
 }
-table.dataTable thead .sorting_desc {
-  background-image: url("../images/sort_desc.png") !important;
+
+table.dataTable thead .sorting:after {
+    content: " ↕️"; /* up-down arrow */
 }
-table.dataTable thead .sorting_asc_disabled {
-  background-image: url("../images/sort_asc_disabled.png");
+
+table.dataTable thead .sorting_asc:after {
+    content: " ⬆️"; /* up arrow */
 }
-table.dataTable thead .sorting_desc_disabled {
-  background-image: url("../images/sort_desc_disabled.png");
+
+table.dataTable thead .sorting_desc:after {
+    content: " ⬇️"; /* down arrow */
 }
+
+/* table.dataTable thead .sorting, */
+/* table.dataTable thead .sorting_asc, */
+/* table.dataTable thead .sorting_desc, */
+/* table.dataTable thead .sorting_asc_disabled, */
+/* table.dataTable thead .sorting_desc_disabled { */
+/*   cursor: pointer; */
+/*   *cursor: hand; */
+/*   background-repeat: no-repeat; */
+/*   background-position: center right; */
+/* } */
+/* table.dataTable thead .sorting { */
+/*   background-image: url("../images/sort_both.png"); */
+/* } */
+/* table.dataTable thead .sorting_asc { */
+/*   background-image: url("../images/sort_asc.png") !important; */
+/* } */
+/* table.dataTable thead .sorting_desc { */
+/*   background-image: url("../images/sort_desc.png") !important; */
+/* } */
+/* table.dataTable thead .sorting_asc_disabled { */
+/*   background-image: url("../images/sort_asc_disabled.png"); */
+/* } */
+/* table.dataTable thead .sorting_desc_disabled { */
+/*   background-image: url("../images/sort_desc_disabled.png"); */
+/* } */
 table.dataTable tbody tr {
   background-xcolor: #ffffff;
 }