0

使用 DataTables，我无法控制生成的 HTML。它会自动生成：

<div class="dataTables filter" id="categories_filter">
  <label>
    Search:
    <input type="text" aria-controls="categories">
  </label>
</div>

似乎没有任何方法可以关闭<input>标签或将其移出<label>标签。

当我不添加任何 CSS 时，它会读取 DataTables 自动包含的 CSS，它将“搜索：”放在搜索框上方，而不是左侧。每当我尝试将自动生成的 CSS 粘贴到此框中时，此网页都会出现，但这里它位于 Gist中。

使用 CSS 和现有的 HTML，我现在试图让“搜索：”这个词出现在搜索框的左侧，但没有成功。

使用 SCSS，我最近的尝试是：

.dataTables_filter label {
  display: inline;
  float: none;
  text-align: right;
  input {
    display: inline-block;
    float: none;
  }
}

编译为：

.dataTables_filter label {
  display: inline;
  float: none;
  text-align: right;
}

.dataTables_filter label input {
  display: inline-block;
  float: none;
}

自动包含的 CSS 文件是：

4

2 回答 2

1

问题是搜索框扩展到了 div 的整个宽度，没有为标签留下空间。一旦我减小了它的宽度，标签就会卡入到位。

于 2012-12-14T04:53:11.223 回答
0

你可以使用 ajax 重新排序它们

http://api.jquery.com/insertAfter/

于 2012-12-14T01:18:18.770 回答