Jquery 搜索栏的宽度&；寻呼机栏：dataTables.net

我正在使用DataTables插件

"bJQueryUI": true,

其他一切都很好。 但搜索和寻呼机栏（分别位于底部和顶部）占据了整个页面宽度。

---

如何更改这些栏的宽度？

如果使用jQueryUI，则搜索栏和寻呼机栏包含在UI组件中。我认为您可以像这样覆盖jQueryUI的CSS

.dataTables_wrapper .ui-toolbar{
    width: 50%;
}

---

请记住，此指令必须在加载jQuery UI的CSS后出现

如果使用jQueryUI，则搜索栏和寻呼机栏包含在UI组件中。我认为您可以像这样覆盖jQueryUI的CSS

.dataTables_wrapper .ui-toolbar{
    width: 50%;
}

---

请记住，此指令必须在加载jQuery UI的CSS后出现

谢谢Nicola。成功了。我还了解了如何使用开发人员工具（如Opera Dragonfly）查看元素的类、id等。然后，这些属性可以在自定义css中轻松更改。再次感谢Vineet@Vineet如果这回答了你的问题，请记住接受answer@NicolaPeluchetti：这将同时更改上部和页脚工具栏。我们能不能有一种方法，在这种方法中，我们只能更新上工具栏的宽度，而不是页脚的宽度？谢谢Nicola。成功了。我还了解了如何使用开发人员工具（如Opera Dragonfly）查看元素的类、id等。然后，这些属性可以在自定义css中轻松更改。再次感谢Vineet@Vineet如果这回答了你的问题，请记住接受answer@NicolaPeluchetti：这将同时更改上部和页脚工具栏。我们能否有一种方法，在这种方法中，我们只能更新上部工具栏的宽度，而不能更新页脚工具栏的宽度？