how can i order the columns in react js table - reactjs

I have a question that I would like to answer, please. I want to allow the user to arrange the columns of the table or specify what he wants to display in each column, such as Google Contacts. Do you have any suggestions for doing thisenter image description here

Related

How to automatically generate a search field for a new column in a table in React

In my React-table application, I built a form that includes multiple search fields for the table's columns. After filling in the input fields, click on the search button to search for matching records in the table. I want when adding a new column to a table, it will automatically generate a search field for that column in the search form. For example, if I add a phone column to the table, we will have a search field as shown
illustration image
I am a newbie to React and have been looking for a solution but it doesn't work. I hope you can help. Thank you in advance.
Here is the executable sandbox code: https://codesandbox.io/s/dynamic-table-713ziq?file=/src/components/FilteringTable.js

Better way to display table data in react

I am working on my personal project where i came across one functionality where I might need to:
Display Json data into table form.
User can select specific date range and table should display data on selected date.
I have the following design to consider:
Based on Research I found:
1) I would use react-daterange to place top left date range picker
2) To display table I found react-bootstrap-table2 would be a reasonable solution to display Json data.
Here I have some solution in my mind, but I am asking if someone have better suggestion for this table view.
The only tricky part i Found is to update table column header based on date range selection.
I would like to Thank you in advance for your suggestions.

Filter one column in table in Google Data Studio

I want to filter for unique events based on event category= Landing Page Links for dimensions=campaign and source. The entire table is already filtered for certain campaigns and sources. But on this particular column in the table I want event category filter in google data studio report. Is it possible?
I have tried creating calculated fields using case when but it is throwing error.
Not sure what you want to do but it you want to have different filters for 2 columns in one table, you can use data blending. If you have data source A and wants filter1 on one column and filter2 on the other, blend Source A with filter1 to SourceA with filter2. You just have to configure the Joint Keys properly to make it give the data you are expecting.

How to make title sortable with two different tables whose data coming from same model in cakephp?

I have a view showing two tables which data is coming from same model but based on different column status I divided in 2 tables. Problem is, when I click on top table's column name heading for sorting, it also sort the bottom tables. I'm wanting the bottom table data won't sort when I click on top table column heading title. If any one have a good solution, would highly appreciated.
This highly depends on your setup, but you're going to have to do some custom code.
For example, don't allow Cake to sort for you. See what the links look like when created by Cake, then write your own, and include an additional variable &table=1 or something.
Based on the sort variable and the table variable, build your pagination options for each including the correct sort you want for each group separately.
Another option (depending on how large your data sets are) is to use javascript datatables.

Salesforce - Search display using two custom objects

I have created 2 custom objects - 'user details' and 'salary'.
In user details I have this field employee id. If I am searching for some user by entering its employee id,I want to display the salary details of the user in the search table too.
As I am new to salesforce.com, can anyone please give me the code for this??
I think there are 2 ways you could do this.
Create a formula in the user detail to bring the value of the salary from the salary object.
formula may look something like this.... (depending on your objects set up)
salary__r.Salary_Value__c
then in the search results, just include the Salary__c field in the user details object
or
create a visualforce page that will make a soql query and bring the values to be displayed on the page in a repeater.
The former is the easier option, the latter gives you more flexibility and customization.

Resources