How to build HTML tables in Webflow with Finsweet Table

Поділитися
Вставка
  • Опубліковано 1 гру 2024

КОМЕНТАРІ • 115

  • @graceongrid
    @graceongrid Рік тому +12

    Brilliant! While tables have been rare in my builds, when they have come up, they are such a pain! Can't wait to try it.

    • @Finsweet
      @Finsweet  Рік тому

      Great to hear Grace! We're here to alleviate your pain!

    • @mickeymercury713
      @mickeymercury713 Рік тому +3

      Agreed! doing a whole table manually with html is like pulling teeth. Now, can this table function be implemented inside a CMS, for example for use with a blog?

    • @Finsweet
      @Finsweet  Рік тому

      @@mickeymercury713 You can do this with our Power Rich Text solution in Attributes. You can append the table anywhere you want. We're working on doing this natively inside the Finsweet Table app, but waiting for more functionality to be released to the Webflow APIs.

    • @infiltretor287
      @infiltretor287 6 днів тому

      @@Finsweet interesting! Are there any videos showing how to connect the two?

  • @pascalkrebs8291
    @pascalkrebs8291 Рік тому +1

    I fin love finsweet. Just spent a lot of time searching for a table workaround in webflow - no need for that anymore. F‘insweet to the rescue once again.

  • @pennyolo
    @pennyolo Рік тому +6

    This is brilliant! Thank you for consistently making life better for Webflow devs.

  • @agencesaint-laurent5662
    @agencesaint-laurent5662 Рік тому +1

    Finsweet is the best thing that ever happened to Webflow

    • @Finsweet
      @Finsweet  Рік тому

      Wow! Big statement and we love it! Thank you.

  • @RocknRollCEO
    @RocknRollCEO Рік тому +2

    Run out of superlatives to describe you guys. Pure glory. Thank you as always.

  • @ZackBujazia
    @ZackBujazia Рік тому +1

    really love this Joe (and Finsweet team) - thank you! 🙏

    • @Finsweet
      @Finsweet  Рік тому

      Thank you Zack! Super appreciate you.

  • @iamniall.design
    @iamniall.design Рік тому +1

    Finsweet always delivering the goods!

    • @Finsweet
      @Finsweet  Рік тому

      We work hard to do that! Thank you!

  • @HerlimTelhano
    @HerlimTelhano Рік тому +1

    Right in time. I was creating a project with a lot of tables to present results. Excellent job super FINSWEET. Keep up👏🏻

    • @Finsweet
      @Finsweet  Рік тому

      Amazing! Great to hear!

  • @emphazor
    @emphazor Рік тому +1

    No more custom coding! Thanks a lot!

  • @babusgabriel
    @babusgabriel Рік тому +1

    This is going to be so useful! Thank you Finsweet!!

  • @Norell88
    @Norell88 Рік тому +1

    I was just researching this, couldn't find a stable option, until now! Synchronicity! 😃

    • @Finsweet
      @Finsweet  Рік тому

      Love it! Happy tabling!

  • @alex-pattison
    @alex-pattison Рік тому

    Brillant stuff Finsweet! Thank you for this!

  • @davidmkwambisijnr218
    @davidmkwambisijnr218 Рік тому +1

    Excellent! Thank you Finsweet!!

  • @nocodekevin
    @nocodekevin Рік тому +1

    Ohhh I will go around replacing my tables with this right away. Lovely.

    • @Finsweet
      @Finsweet  Рік тому

      Awesome! Send us one of them on Twitter when you're done.

  • @vianneypercq
    @vianneypercq Рік тому

    Awesome! 🤩 Thanks a lot for this very useful new Finsweet tool!

  • @bakarycisse_cibak
    @bakarycisse_cibak Рік тому

    You guys are working to bring real value to us ❤

  • @ndakkyle
    @ndakkyle Рік тому

    Thank you!!! Exactly what I needed in Webflow.

  • @brandonfertig
    @brandonfertig Рік тому +1

    Wow. Long time coming.

    • @Finsweet
      @Finsweet  Рік тому

      💪

    • @brandonfertig
      @brandonfertig Рік тому +1

      @@Finsweet but why didn’t you all invest the energy on Wized for this special launch?

    • @Finsweet
      @Finsweet  Рік тому

      @@brandonfertig Wized is managed by an entirely different team and they are making massive progress. Our Wized Webflow App launches in a few weeks. Come to our live stream today to see it!

  • @alanohara8805
    @alanohara8805 Рік тому

    Sweet! Now I can go full retro 2000's and build the whole site wrapped in tables 🤓

  • @ZackBujazia
    @ZackBujazia Рік тому +1

    Thanks!

    • @Finsweet
      @Finsweet  Рік тому +1

      WOW! Thank you Zach. SO awesome.

  • @nasum-i6s
    @nasum-i6s Рік тому +2

    is it possible to add dynamic data from Airtable, Notion or Google Sheets?

  • @GregDolan
    @GregDolan Рік тому +1

    This is amazing 😍😍 🔥

  • @theShaamim
    @theShaamim Рік тому

    simple but helpful so far

  • @pierredemontalte
    @pierredemontalte Рік тому +3

    Well that's super helpful !👌
    Like Penny said, thank you for consistently making our lives better 🙏
    Also wondering, will this work with dynamic CMS data ?

    • @Finsweet
      @Finsweet  Рік тому +3

      No CMS integration yet. The Webflow APIs didn't allow us to work with CMS for this use case. However, CMS will certainly be a future update once the APIs give us a clear path to integrate it.

    • @coraline3730
      @coraline3730 Рік тому

      Have you tried adding a table to a richtext using thé Powerful Rich text attribute ?
      (I'm trying without succession, i do not want my table to be in an Embed)

    • @poface4827
      @poface4827 5 місяців тому

      It may have changed since as you can now double click the cell and connect each to CMS value. I don't think you can connect a table to a full CMS item though for it to draw all info in one.

  • @Roadrebelsoffroad
    @Roadrebelsoffroad Рік тому +1

    Amazing... 🎉❤ Thanks.

  •  Рік тому +1

    This is perfect! 🚀

  • @harelpanker
    @harelpanker Рік тому +1

    Amazing, thanks!

    • @Finsweet
      @Finsweet  Рік тому

      You are welcome! thank you for the support!

  • @loyaldesignco
    @loyaldesignco Рік тому

    Incredible!

  • @tomascech6772
    @tomascech6772 Рік тому +3

    Sweet video! Is there gonna be also tutorial how to build HTML chairs or drawers?

    • @Finsweet
      @Finsweet  Рік тому +3

      Chairs and drawers are on the 2024 roadmap! We're thinking about kitchen counters for 2025.

  • @christofferfurnes
    @christofferfurnes Рік тому +2

    After playing around with the table app, I really miss the ability to merge cells!

    • @Finsweet
      @Finsweet  Рік тому

      Can you explain this feature?

  • @christofferfurnes
    @christofferfurnes Рік тому +1

    This is great!🎉

  • @mfrapp20
    @mfrapp20 Рік тому +3

    Very nice! I’m assuming you can add this into a CMS Collection?

    • @Finsweet
      @Finsweet  Рік тому +5

      No CMS integration yet. The Webflow APIs didn't allow us to work with CMS for this use case. However, CMS will certainly be a future update once the APIs give us a clear path to integrate it.

    • @coraline3730
      @coraline3730 Рік тому

      Have you tried adding a table to a richtext using thé Powerful Rich text attribute ?
      (I'm trying without succession, i do not want my table to be in an Embed)

  • @christopherdosin292
    @christopherdosin292 9 місяців тому

    Awesome! However: I can't use this within a CMS item / within the CMS content rich text editor, no?

  • @tgk217
    @tgk217 Рік тому +1

    Brilliant !

  • @PascalWeichert
    @PascalWeichert Рік тому +2

    We need this for Richt Text fields in the CMS

    • @Finsweet
      @Finsweet  Рік тому

      We want to offer this natively in the app asap. For now, Webflow API won't allow us to do it. We think it will be possible soon. For now, you can use Attributes Powerful Rich Text to "copy and paste" any into Rich Text finsweet.com/attributes/powerful-rich-text

  • @imedwme
    @imedwme Рік тому

    Is there any workaround on how we can add a table to a rich text element?
    I want to add comparison tables or Pros and cons for product reviews.

  • @kelly_browning
    @kelly_browning 3 місяці тому

    Hi Joe, thank you very much for this! Super helpful. But when you're making it responsive for mobile and there are other div block/items on the screen, it seems to swipe the entire screen over, even if the table is in a fixed-with, overflow scroll div block on its own. Am I doing something wrong in the way I'm setting it up, or is this the only way to make it work, based on what you showed at 07:59?

  • @micahldixon
    @micahldixon Рік тому +1

    Nice!! 🎉

  • @ioanai1103
    @ioanai1103 11 місяців тому

    This is great! ❤
    I'm having one problem tho. If I want to apply border radius it doesn't seem to work :(
    Any solution to this?

  • @marketerux
    @marketerux Рік тому +1

    awesome!

  • @christofferfurnes
    @christofferfurnes Рік тому +1

    Could it be possible to implement this in collections too? Making it dynamic?

    • @Finsweet
      @Finsweet  Рік тому +1

      No CMS integration yet. The Webflow APIs didn't allow us to work with CMS for this use case. However, CMS will certainly be a future update once the APIs give us a clear path to integrate it.

    • @christofferfurnes
      @christofferfurnes Рік тому

      @Finsweet That would be a great feature for the future! Static tables actually got a lot easier to do in the Designer after the Quick stack element was introduced, but unfortunately no dynamic support :/

    • @coraline3730
      @coraline3730 Рік тому

      Have you tried adding a table to a richtext using thé Powerful Rich text attribute ?
      (I'm trying without succession, i do not want my table to be in an Embed)

  • @salhamo4983
    @salhamo4983 Рік тому

    Can we link it with cms to get data from it

  • @grantbouff
    @grantbouff Рік тому +1

    Could someone help explain why html table should be used over CSS Grid? Is it determined by the content being displayed, the browser support, preference, or something else? Thanks 🙏

    • @Finsweet
      @Finsweet  Рік тому

      Browsers can natively read elements, which makes these tables fully accessible by default. Tables also do carry full browser support!

  • @NickEspinosa-z7u
    @NickEspinosa-z7u 3 місяці тому

    This app is great, but for some reason I can't edit the cell contents in Editor mode. Also, in Designer mode, double clicking a cell opens up a settings modal instead of allowing you to edit text directly in the cell. Is anyone else having these issues? The video makes it seem like it's possible to edit directly in the cell (and also in Editor mode), so I'm wondering if I'm missing something.

  • @taabishshaikh3050
    @taabishshaikh3050 Рік тому +1

    Great Resources...We looking for similar solution for Webflow CMS for our content writers, who publish tables on Webflow blogs

    • @Finsweet
      @Finsweet  Рік тому

      Check out our Attributes Powerful Rich Text solutions to integrate with Rich Text!

    • @coraline3730
      @coraline3730 Рік тому

      Have you tried adding a table to a richtext using thé Powerful Rich text attribute ?
      (I'm trying without succession, i do not want my table to be in an Embed)

  • @jonasarleth
    @jonasarleth Рік тому +5

    I bet Webflow will use it for their own pricing table on the website 😂

    • @Finsweet
      @Finsweet  Рік тому

      We hope!!

    • @iqlogic
      @iqlogic Рік тому +1

      Webflow should integrate every single tool from Finsweet 😅

    • @Finsweet
      @Finsweet  Рік тому +2

      @@iqlogic As of today Webflow gave us the platform to integrate our tools! And we're doing that exactly. Come to our UA-cam live stream tomorrow!

    • @AurelienSchibli
      @AurelienSchibli Рік тому +2

      I hope finsweet acquires Webflow. You guys are amazing!

    • @darshildixit3438
      @darshildixit3438 Рік тому +1

      ​@@AurelienSchibliHahaha 😂

  • @josephbates9917
    @josephbates9917 Рік тому

    NICE‼

  • @christofferfurnes
    @christofferfurnes 11 місяців тому

    It would be very handy if we could easily copy the html structure. Then it would be easier to add tables to rich text elements!

  • @jeremyleroux8108
    @jeremyleroux8108 Рік тому +1

    coming in hot love it.

    • @Finsweet
      @Finsweet  Рік тому

      Thank you Jeremy! We're very excited!

  • @emphazor
    @emphazor Рік тому +1

    Will there be an app to use native html buttons in Webflow? :D

  • @posterboyvicky
    @posterboyvicky 10 місяців тому

    Hey @finsweet ! wonderful app. it was much needed. For future aspects I would love to have a option to build the table row based or column based that would help in apply cms filters to the columns. please do reply if you have this in consideration!!

  • @davidfitcher2953
    @davidfitcher2953 10 місяців тому

    Smooooth

  • @oproductdesigner
    @oproductdesigner Рік тому

    did anyone manage to use the finsweet tables with devlink ?

  • @konradk1995
    @konradk1995 Рік тому

    Its really nice and i tried it. I made a CMS table and i run into fails if u can fix this i would love u even more

  • @defmaxer
    @defmaxer Рік тому

    What about responsiveness?

  • @ytg2468
    @ytg2468 Рік тому +1

    It would be better if it is possible to used in webflow rich-text...

    • @Finsweet
      @Finsweet  Рік тому

      Check out our Attributes Powerful Rich Text solution

  • @jasonhebert1656
    @jasonhebert1656 Рік тому

    When I add a width to the table it doesn't do anything and thus it is unusable on mobile. No point in using tables in modern websites they don't work on phones.

  • @hdkaii5256
    @hdkaii5256 7 місяців тому

    Of course, naturally the tutorial DID NOT cover what I need the most at the moment, how to style columns 😩... otherwise, brilliant tutorial and tool. Thank you

  • @reya7398
    @reya7398 Рік тому +1

    F***in sweet!!!

  • @IkevanGerven
    @IkevanGerven Рік тому +1

    F'in Kings and Queens

  • @davidkovach-tangier
    @davidkovach-tangier Рік тому

    I mean I get the significance in Webflow for this - it is great for a designer type platform that is amazing like WF. But, it is crazy it is 2023 and tables can't be fed with dynamic data in a platform! Copy and paste?! CSV?! ... Good lord. Clearly a case of WF dragging, given Wized/Finsweet is literally light years beyond... So, to be clear, Wized can't tap into and drive and pull data from these tables? No roadmap? thanks...

  • @OveLeheste-h5n
    @OveLeheste-h5n Місяць тому

    and totally ignored for tablet mobiles

  • @annaoreilly728
    @annaoreilly728 4 місяці тому

    Can this be added to CMS rich text?