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 回答