Hướng dẫn bootstrap table date range filter - bộ lọc phạm vi ngày của bảng bootstrap

Bảng điều khiển bộ lọc mở rộng của bảng bootstrap.

Cách sử dụng

 rel="stylesheet" type="text/css" href="extensions/filter-control/bootstrap-table-filter-control.css">

Thí dụ

Kiểm soát bộ lọc

Tùy chọn

FilterControl

• Thuộc tính: data-filter-control data-filter-control

• Loại: Boolean Boolean

• Detail:

  Đặt thành true để thêm input hoặc select vào cột.

• Mặc định: false false

FilterControlVisible

• Thuộc tính: data-filter-control-visible data-filter-control-visible

• Loại: Boolean Boolean

• Detail:

  Đặt thành true để thêm input hoặc select vào cột.

• Mặc định: false true

FilterControlVisible

• Thuộc tính: data-filter-control-visible data-filter-control1

• Đặt thành false để ẩn các điều khiển bộ lọc. data-filter-control2

• Detail:

  Mặc định: true

• AlignmentselectControlOptions data-filter-control6

Thuộc tính: data-filter-control1

• Loại: data-filter-control2 data-filter-control7

• Đặt căn chỉnh của các tùy chọn kiểm soát chọn. Sử dụng sử dụng data-filter-control3, data-filter-control4 hoặc data-filter-control5. data-filter-control8

• Detail:

  Mặc định: data-filter-control6

• Mặc định: false false

FilterControlVisible

• Thuộc tính: data-filter-control-visible Boolean3

• Đặt thành false để ẩn các điều khiển bộ lọc. Boolean4

• Detail:

  Mặc định: true

• AlignmentselectControlOptions data-filter-control6

Thuộc tính: data-filter-control1

• Loại: data-filter-control2 Boolean6

• Đặt căn chỉnh của các tùy chọn kiểm soát chọn. Sử dụng sử dụng data-filter-control3, data-filter-control4 hoặc data-filter-control5. Boolean7

• Detail:

  Mặc định: data-filter-control6
  The values will be splitted by a delimiter, see option Boolean9.

• Mặc định: false false

FilterControlVisible

• Thuộc tính: data-filter-control-visible true1

• Đặt thành false để ẩn các điều khiển bộ lọc. data-filter-control2

• Detail:

  Mặc định: true

• AlignmentselectControlOptions true4

Thuộc tính: data-filter-control1

• Loại: data-filter-control2 true5

• Loại: Boolean Boolean

• Detail:

  Đặt thành true để thêm input hoặc select vào cột.

• Mặc định: false false

FilterControlVisible

• Thuộc tính: data-filter-control-visible true8

• Loại: Boolean Boolean

• Detail:

  Đặt thành true để thêm input hoặc select vào cột.

• Mặc định: false false

FilterControlVisible

• Thuộc tính: data-filter-control-visible input2

• Loại: Boolean Boolean

• Detail:

  Đặt thành true để thêm input hoặc select vào cột.

• Mặc định: false false

FilterControlVisible

FilterControl

• Thuộc tính: data-filter-control data-filter-control

• Đặt thành false để ẩn các điều khiển bộ lọc. data-filter-control2

• Detail:

  Mặc định: true

• AlignmentselectControlOptions data-filter-control6

Thuộc tính: data-filter-control1

• Loại: data-filter-control2 select2

• Đặt thành false để ẩn các điều khiển bộ lọc. data-filter-control2

• Detail:

  Mặc định: true

• AlignmentselectControlOptions select4

Thuộc tính: data-filter-control1

• Loại: data-filter-control2 select5

• Đặt căn chỉnh của các tùy chọn kiểm soát chọn. Sử dụng sử dụng data-filter-control3, data-filter-control4 hoặc data-filter-control5. select6

• Detail:

  Mặc định: data-filter-control6

  • FilterControlContainer
  • Thuộc tính: data-filter-control7
  • Loại: data-filter-control8
  • Đặt thành ví dụ: data-filter-control9 Để cho phép bộ lọc đầu vào tùy chỉnh trong một phần tử với ID Boolean0. Mỗi phần tử bộ lọc (đầu vào hoặc chọn) phải có lớp sau Boolean1 (phải được thay thế bằng [trường] được xác định (https://bootstrap-table.com/docs/api/column-options/#field) tên).

  FilterDatacollector

• AlignmentselectControlOptions data-filter-control6

Thuộc tính: data-filter-control1

• Loại: data-filter-control2 false5

• Đặt thành false để ẩn các điều khiển bộ lọc. data-filter-control2

• Detail:

  Mặc định: true

• AlignmentselectControlOptions data-filter-control6

Thuộc tính: data-filter-control1

• Loại: data-filter-control2 data-filter-control-visible3

• Đặt căn chỉnh của các tùy chọn kiểm soát chọn. Sử dụng sử dụng data-filter-control3, data-filter-control4 hoặc data-filter-control5. data-filter-control-visible4

• Detail:

  Mặc định: data-filter-control6

• AlignmentselectControlOptions data-filter-control6

Thuộc tính: data-filter-control1

• Loại: data-filter-control2 data-filter-control-visible7

• Đặt thành false để ẩn các điều khiển bộ lọc. data-filter-control2

• Detail:

  Mặc định: true

• AlignmentselectControlOptions data-filter-control6

Thuộc tính: data-filter-control1

• Loại: data-filter-control2 Boolean0

• Đặt thành false để ẩn các điều khiển bộ lọc. data-filter-control2

• Detail:

  Mặc định: true

• AlignmentselectControlOptions Boolean2

Thuộc tính: data-filter-control1

• Loại: data-filter-control2 Boolean6

• Loại: Boolean Boolean

• Detail:

  Đặt căn chỉnh của các tùy chọn kiểm soát chọn. Sử dụng sử dụng data-filter-control3, data-filter-control4 hoặc data-filter-control5.

• Mặc định: false false

Mặc định: data-filter-control6

• FilterControlContainer Boolean9

• Loại: Boolean Boolean

• Detail:

  Thuộc tính: data-filter-control7

• Mặc định: false false

Loại: data-filter-control8

• Đặt thành ví dụ: data-filter-control9 Để cho phép bộ lọc đầu vào tùy chỉnh trong một phần tử với ID Boolean0. Mỗi phần tử bộ lọc (đầu vào hoặc chọn) phải có lớp sau Boolean1 (phải được thay thế bằng [trường] được xác định (https://bootstrap-table.com/docs/api/column-options/#field) tên).
• FilterDatacollector
• Thuộc tính: Boolean3

Loại: Boolean4

onColumnSearch(column-search.bs.table)

• Thu thập dữ liệu sẽ được thêm vào bộ lọc chọn, để lọc qua ví dụ: Các nhãn được phân tách và hiển thị bằng dấu phẩy và hiển thị với một định dạng.

onCreatedControls(created-controls.bs.table)

• Thu thập dữ liệu sẽ được thêm vào bộ lọc chọn, để lọc qua ví dụ: Các nhãn được phân tách và hiển thị bằng dấu phẩy và hiển thị với một định dạng.

FilterControlMultipleSearch

Thuộc tính: Boolean6

• Loại: Boolean7

Đặt thành true để cho phép tìm kiếm nhiều giá trị cùng một lúc. Các giá trị sẽ được phân tách bởi một dấu phân cách, xem Tùy chọn Boolean9.

• FilterControlMultipleSearchDelImiter

Thuộc tính: true1

• Xác định dấu phân cách sẽ được sử dụng để phân chia các giá trị tìm kiếm trong tùy chọn Boolean9.

Địa phương hóa

Định dạng Formfilters

• Loại: Boolean4 Boolean4

• Mặc định: false6 false6

FormatfilterControlswitch

• Loại: Boolean4 Boolean4

• Mặc định: false6 false8

FormatfilterControlswitch

• Loại: Boolean4 Boolean4

• Mặc định: false6 data-filter-control00

FormatfilterControlswitch

• Loại: Boolean4 Boolean4

• Mặc định: false6 data-filter-control02