Comments (5)
Duly noted. I did async function so it will not render table until it complete fetching. Thanks alot for your active table and support!
from active-table.
Hey, I just tested your code and it appears to work fine on my end.
May I ask if you ran this in CodeSandbox or some other hosted environment? As these can sometimes not produce expected console outputs.
Let me know more about your setup so I can try to help. Thanks!
from active-table.
Hi, thanks for reply very quick! Thanks to you now I relieze the console log happen in the browser and not in vs code terminal. I think this is because i did set page to render on client side.
my setup:
running on VSCode
npx create-next-app@latest
just a quick question, is possible to render on server render side? if possible it will be very great for user to fetch data from mongoDB.
from active-table.
New updates: I did data fetching on a page that implemented SSR, and then passed the parameter to another page containing active-table-react that implemented CSR. it works! I'll share the implementation and perhaps can include in the example for NextJS.
notes,
SSR: server side rendering
CSR: client side rendering
from active-table.
That is great to hear!
To note, the content
property needs to be set immediately when the table has rendered. I am happy this works for you, but if your data takes too long to load and the table has already been rendered, to update the table, you can use the updateStructure
method.
from active-table.
Related Issues (20)
- JS table data not captured HOT 1
- Cannot find module error while compiling HOT 6
- how to sponsor HOT 2
- Embedding custom HTML inside table cells HOT 2
- Provide display options for columnType HOT 6
- not explaining the usage process HOT 4
- 'cell-update' event seems to return wrong details
- navigator is not defined when using with NextJs HOT 5
- Table becomes laggy when displaying a long table HOT 1
- ERROR: ResizeObserver loop completed with undelivered notifications.
- Restoring table with column types HOT 1
- CSV export is missing formatting options to be useful
- Improvement Suggestion: Change Cursor Type for Non-Editable Select Cells
- Custom buttons
- Data and display issues HOT 1
- Feature request: Range Selection and Copy Paste
- Component not loading inside Shadow DOM. Throws: Cannot read properties of null (reading 'offsetWidth')
- Non-editable table HOT 1
- Active table column options are not working
- Pasting on windows machine leaves "\r" at the end of each cell
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from active-table.