JQuery 数据表排序图像位置

标签 jquery jquery-ui datatables

我正在使用 jQuery Datatables,并且想要移动排序图像,比如排序箭头图像应该位于列标题右侧 10px 处。通过将下面的 css 属性更改为左、右或居中似乎对我不起作用。我希望图像(排序图像)位于列标题名称右侧 10 像素处。假设列标题为客户经理名称。

.sorting_asc { 
 background: url('images/sort_asc.png') no-repeat center center;    
   color:#000000;  
text-align:left;       
 } 

请帮忙。

谢谢

最佳答案

您需要将父级 div 设置为相对或绝对。然后将图标的 div 也设置为绝对。然后,您可以使用 left 和 top 在此元素中放置图标。

定位可能会令人困惑。我喜欢这个视频,它在简单地解释定位以及它们如何相互作用方面确实做得非常出色。

http://css-tricks.com/video-screencasts/110-quick-overview-of-css-position-values/

关于JQuery 数据表排序图像位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10311235/

相关文章:

javascript - 当用户单击后退按钮时让 DataTables 保持其状态(没有 stateSave 选项)

javascript - 将 javascript 文件恢复为 html 中的按钮

javascript - jquery droppable 不工作

javascript - 在 Es6 中添加模板后点击事件

javascript - 对话框中的多行标题?

jquery - 在初始化时向 jquery ui datepicker 添加数据属性

javascript - 对 HTML 表列中的每个单元格执行 X?

jquery - 如何从日期选择器设置区域设置格式?

javascript - 如何使 DataTables 能够过滤选定的列

javascript - 如何在响应式显示的行上添加类?