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.
Related
I create one attendance management system right now. I stuck in someplace like I need to display all employee attendance report at a single table in that table I need to display name, days, and total hour of the month columns. I try some ways to achieve to create the day's column but I am failed to find a proper way to achieve this table so please help me how can I create this table.
i want the final output like this :-
I added a custom field (Long text) to Opportunities called 'Month_Breakdown'. It carries data like: 'Jan=10000&Feb=50000&Jun=20000&Dec=89000'. I would like to have a report that shows opportunities grouped by Month. Hopefully which I can export later as a PDF or excel. Please take a look at screen shot.
Basically would like to go through all the opportunities and present the report. So far I created a custom report with 'Opportunities' as the primary object. Any tips would be greatly appreciated.
You are probably best off swapping the rows and columns and adding your Month_Breakdown__c field as the group by rows. You can then put in the Booked, Starting at Risk and Out For Signature as the columns. Finally, you can create a Summary Column by clicking the down arrow next to columns and selecting "Add Summary Formula". Your formula can be something like BOOKED__c:SUM + STARTING_AT_RISK__C:SUM + OUT_FOR_SIGNATURE__C:SUM.
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.
I am looking to create an attendance sheet but not getting the magic idea for the same. Possible options for me
Use grid but done know how to pass date values as grid column headings
Use table but don’t know how to edit the same. grid is editable component.
Please help me with the thought process
I don't think that Ext.grid.Panel is the component for this purpose. Grid conceptually more resembles database tables (fixed columns/fields repeated many times in rows/records) than spreadsheets (cells w/o prescribed purpose).
Also, grid has a lot of features like sorting, column re-ordering, column hiding that you would need to turn off for this purpose. Grid is just an overkill.
I would probably go with a custom table-like form with checkboxes. The form would be dynamically generated as employees can change and dates as well.
i want to work on a form, here i will enter the data into text fields and this will be updated into a table as a new entry. Now out of the fields available iwant few of them to be stored into another table. so its like saving form data into multiple tables. I searched in many places but cudnt find any solution.
The best solution is to use a form and a subform. Table1 is bound to form and Table2 is bound to subform.
Thanks for the solution...i dont want to go for another form though...but i figured out a way..for the 2nd table i introduced a button and on click of the event wrote a vb code such that it will look for ID field of type autonumber(introduced for the sake of searching row) and used dlookup with a criteria expression to find out the row in 2nd table n used a insert statement...this worked...thanks for the response, appreciate it...