Giter Club home page Giter Club logo

Comments (5)

encikpotato avatar encikpotato commented on June 19, 2024 1

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.

OvidijusParsiunas avatar OvidijusParsiunas commented on June 19, 2024

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.

encikpotato avatar encikpotato commented on June 19, 2024

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

Capture

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.

encikpotato avatar encikpotato commented on June 19, 2024

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.

OvidijusParsiunas avatar OvidijusParsiunas commented on June 19, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.