Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

Column Filter in react-bootstrap-table-next not working?

Đang mở
  • Có gì không ổn?
#2,120 1 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức phù hợp với người mới
25/100
Loại issue
Lỗi
Độ rõ ràng
Cần làm rõ
Mức độ hoạt động
Đình trệ
Công nghệ
javascript, react
Lĩnh vực
frontend

Hướng nghiên cứu

Issue không nêu tên tệp hoặc bài kiểm thử nào trong repository. Hãy bắt đầu bằng cách lần theo callback getFilter của textFilter và luồng handleWidgetClick, đồng thời so sánh chúng với ví dụ Stack Overflow được liên kết. Được xem là hoàn thành khi thao tác nhấp vào một danh mục gọi hàm lọc mà không gặp lỗi đã báo cáo và bảng chỉ hiển thị danh mục đó.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

I have following widgets which represents categories form the data in the table: enter image description here

The flow is when a user clicks on one of the widgets the table should show data of that category only.

So far I have implemented following:

const columns = [
{ 
 ....
 dataField: "Category", 
 formatter: formatCategory,
 text: "Category",
 sort: true,
 filter: textFilter({
   getFilter: (filter) => {
     // nameFilter was assigned once the component has been mounted.
     categoryFilter = filter;
   }
 })
 ....
}

Handle Clicking Event on Button and Passing the category:

const handleWidgetClick = (category) => {
   categoryFilter = category;

   // When I am doing something like this I am getting Uncaught Error
   // categoryFilter is not a Function
   categoryFilter(category) 
};

I have followed example from here

I am not sure what/where I am doing something wrong. Please guide me through it, Thanks

Ngôn ngữ chính
JavaScript
Star
2.2k
Fork
757
Không có pull request nào được merge trong 30 ngày

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của AllenFang/react-bootstrap-table

Tất cả issue của AllenFang/react-bootstrap-table

Issue tương tự

Thêm issue về JavaScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.