TableFilter | A Javascript library making HTML tables | Grid library

I have the following object that I am trying to modify. I want it to have 2 parameters

I have a data table in my Django project. This data table is for listing customers. The customer has attributes like name, country, email, etc... I want to put a button like a dropdown menu for listing countries of customers. (Excel-like or similar logic) But I just need this in the country column. How can I do that?

I try to use django-filters but didn't work.

customer_list.html

I created a system and in this system, there are several users and customers. What I want to create an assign function. A customer should assign to a user.

For example, I have a customer list. When the user clicks a button, the user will see a list that other users and select one of them. After that, the customer's name will be listed in the different assigned customers list of the selected user.

I wrote a code and this is working, but I cannot reach user from customer list. What I mean is when I click assign button it create a new customer. How can I reach user id or username?

views.py

I listing my customers in a table with for loop. I want to change one attribute (user) with a form in this table. For doing that I have to take customer's information and update that. But I don't know how can take a customer's id in a loop. this is my table:

ValueError at /customers Cannot assign "'1'": "Customer.user" must be a "UserProfile" instance.

How can I take specific customer object and update it?

Here are my codes.

views.py

I'm using @coreui/react with React-select the problem is that returning a Select element in scoped slots breaks core-ui functionalities like searching & sorting

However it works fine if when returning a or a

with text Ex: {item.status}

Question

Why is Select component breaking the functionality ?

Any workaround / efforts are highly appreciated

Note

I have tried workarounds like

{item.status}

I downloaded a AdentureWorks2019.bak, and restored it in SQL Server Management Studio. When I try scaffolding in Visual Studio 2019 with the following command:

I am using CSV upload and display the data in the table along with using custom table filter pipe function.

How can I get the count of filtered based on filter section?

For e.g. Once you upload data considering your csv has 7 rows; it would be Showing 7 of 7 Records.

When you are filtering based on Gender male/female I should get Showing 4 of 7 Records or Showing 3 of 7 Records

I tried below I didn't get the results.

I wanted to add another filter for score with the options as Very High, High, Medium and Low. If the score is <20 then low, 21-50 then medium, 51-70 then high and >71 then very high it should filter records matching that range.

Can you guide me what do I need to update in my filter. filter.pipe

I have a filters on the data and sorting on table header. When I am applying for filters, sorting stops working. Both are working separately but once filter applied sorting stops working. Required assistance.

table-filter.pipe.ts