How to build HTML tables in Webflow with Finsweet Table

Поделиться
HTML-код
  • Опубликовано: 4 ноя 2024

Комментарии • 114

  • @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.

  • @RocknRollCEO
    @RocknRollCEO Год назад +2

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

  • @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.

  • @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.

  • @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!

  • @nasum-i6s
    @nasum-i6s Год назад +2

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

  • @Norell88
    @Norell88 Год назад +1

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

    • @Finsweet
      @Finsweet  Год назад

      Love it! Happy tabling!

  • @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)

  • @ZackBujazia
    @ZackBujazia Год назад +1

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

    • @Finsweet
      @Finsweet  Год назад

      Thank you Zack! Super appreciate you.

  • @christopherdosin292
    @christopherdosin292 8 месяцев назад

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

  • @imedwme
    @imedwme 11 месяцев назад

    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.

  • @iamniall.design
    @iamniall.design Год назад +1

    Finsweet always delivering the goods!

    • @Finsweet
      @Finsweet  Год назад

      We work hard to do that! Thank you!

  • @bakarycisse_cibak
    @bakarycisse_cibak Год назад

    You guys are working to bring real value to us ❤

  • @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?

  • @kelly_browning
    @kelly_browning 2 месяца назад

    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?

  • @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.

  • @ioanai1103
    @ioanai1103 10 месяцев назад

    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?

  • @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

  • @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.

  • @babusgabriel
    @babusgabriel Год назад +1

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

  • @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.

  • @davidmkwambisijnr218
    @davidmkwambisijnr218 Год назад +1

    Excellent! Thank you Finsweet!!

    • @Finsweet
      @Finsweet  Год назад

      You're welcome David!

  • @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 4 месяца назад

      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.

  • @alex-pattison
    @alex-pattison Год назад

    Brillant stuff Finsweet! Thank you for this!

  • @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)

  • @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)

  • @vianneypercq
    @vianneypercq Год назад

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

  • @ndakkyle
    @ndakkyle Год назад

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

  • @posterboyvicky
    @posterboyvicky 9 месяцев назад

    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!!

  • @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

  • @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!

  • @theShaamim
    @theShaamim Год назад

    simple but helpful so far

  • @emphazor
    @emphazor Год назад +1

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

  • @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!

  • @salhamo4983
    @salhamo4983 Год назад

    Can we link it with cms to get data from it

  • @grantboufford5186
    @grantboufford5186 Год назад +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!

  • @GregDolan
    @GregDolan Год назад +1

    This is amazing 😍😍 🔥

  • @Roadrebelsoffroad
    @Roadrebelsoffroad Год назад +1

    Amazing... 🎉❤ Thanks.

  • @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 RUclips live stream tomorrow!

    • @AurelienSchibli
      @AurelienSchibli Год назад +2

      I hope finsweet acquires Webflow. You guys are amazing!

    • @darshildixit3438
      @darshildixit3438 Год назад +1

      ​@@AurelienSchibliHahaha 😂

  • @tgk217
    @tgk217 Год назад +1

    Brilliant !

  • @harelpanker
    @harelpanker Год назад +1

    Amazing, thanks!

    • @Finsweet
      @Finsweet  Год назад

      You are welcome! thank you for the support!

  • @marketerux
    @marketerux Год назад +1

    awesome!

  •  Год назад +1

    This is perfect! 🚀

  • @loyaldesignco
    @loyaldesignco Год назад

    Incredible!

  • @NickEspinosa-z7u
    @NickEspinosa-z7u 2 месяца назад

    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.

  • @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

  • @oproductdesigner
    @oproductdesigner Год назад

    did anyone manage to use the finsweet tables with devlink ?

  • @christofferfurnes
    @christofferfurnes Год назад +1

    This is great!🎉

  • @micahldixon
    @micahldixon Год назад +1

    Nice!! 🎉

  • @jeremyleroux8108
    @jeremyleroux8108 Год назад +1

    coming in hot love it.

    • @Finsweet
      @Finsweet  Год назад

      Thank you Jeremy! We're very excited!

  • @josephbates9917
    @josephbates9917 Год назад

    NICE‼

  • @defmaxer
    @defmaxer Год назад

    What about responsiveness?

  • @davidfitcher2953
    @davidfitcher2953 9 месяцев назад

    Smooooth

  • @hdkaii5256
    @hdkaii5256 6 месяцев назад

    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

  • @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.

  • @IkevanGerven
    @IkevanGerven Год назад +1

    F'in Kings and Queens

  • @dayzaudio
    @dayzaudio Год назад

    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...

  • @reya7398
    @reya7398 Год назад +1

    F***in sweet!!!

  • @OveLeheste-h5n
    @OveLeheste-h5n 5 дней назад

    and totally ignored for tablet mobiles

  • @annaoreilly728
    @annaoreilly728 3 месяца назад

    Can this be added to CMS rich text?