# Table Builder

**URL:** https://meta.discourse.org/t/table-builder/236016
**Category:** Theme component
**Tags:** deprecated, included-in-core, table-builder
**Created:** [August 12, 2022, 5:57pm UTC](https://meta.discourse.org/t/table-builder/236016 "2022-08-12T17:57:53Z")
**Posts on this page:** 20
**Page:** 2

<div class="post-metadata">

### Author: ![keegan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/keegan/32/383395_2.png) [@keegan](https://meta.discourse.org/u/keegan)
#### Post date: [August 16, 2022, 2:54pm UTC](https://meta.discourse.org/t/table-builder/236016/22 "2022-08-16T14:54:31Z")

</div>

> [@Canapin](#):
>
> maybe some sort of “trim” button in the builder to remove all the empty rows and columns would be nice

Great idea! I’ll take add this to my list of features to add later on.

> [@Canapin](#):
>
> The extra top padding used for the Edit button is very slightly annoying because sometimes the “new” paddings/margins alters a bit the link between elements on a post.

Thanks I’ll look into improving the UX in this area.

> [@JammyDodger](#):
>
> I was replying to this example, which seemed to suggest that it should be possible already?

@Kuro22 @Jagster

Regarding mobile usage:  
Although, yes, it currently works for me on a touch device by long pressing to trigger the context menu (tested on Android - OnePlus 7 Pro)

There definitely needs to be a some fixes done for it to work on more devices, especially for iOS. I recently discovered iOS has an [ongoing issue](https://bugs.webkit.org/show_bug.cgi?id=213953) with the way it handles context menus. However, I won’t be able to push out a quick fix immediately since we’re using a third-party library for the spreadsheet portion.

I’ll post an update once I’ve resolved these issues. Sorry for the inconvenience!

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [August 16, 2022, 3:50pm UTC](https://meta.discourse.org/t/table-builder/236016/23 "2022-08-16T15:50:15Z")

</div>

> [@keegan](#):
>
> Sorry for the inconvenience!

I don’t want to speak for others but I suppose we’re all aware that’s a new feature and that UX issues or bugs are expected. And honestly, it’s already amazing work.

---

<div class="post-metadata">

### Author: ![Benjamin\_D](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/benjamin_d/32/277831_2.png) [@Benjamin\_D](https://meta.discourse.org/u/Benjamin_D)
#### Post date: [August 16, 2022, 4:49pm UTC](https://meta.discourse.org/t/table-builder/236016/24 "2022-08-16T16:49:08Z")

</div>

> [@Canapin](#):
>
> > [@keegan](#):
> >
> > Sorry for the inconvenience!
> 
> I don’t want to speak for others but I suppose we’re all aware that’s a new feature and that UX issues or bugs are expected. And honestly, it’s already amazing work.

I agree !  
Order ascending and descending…

![Season 7 Reaction GIF by The Office](https://global.discourse-cdn.com/meta/original/3X/3/1/319715e2aaefd7b1eb50de33a06ec559aa150400.webp)

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [August 16, 2022, 8:34pm UTC](https://meta.discourse.org/t/table-builder/236016/25 "2022-08-16T20:34:17Z")

</div>

> [@Canapin](#):
>
> And honestly, it’s already amazing work.

I have a few fairly hefty price/product comparison tables on another site that I’ve been using during testing, and it really does make updating them an absolute breeze now. 🙂 My enthusiasm for maintaining them (and making new ones) has certainly been renewed with this little beauty. 🙂 👍

---

<div class="post-metadata">

### Author: ![Taunusbahner](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/taunusbahner/32/125050_2.png) [@Taunusbahner](https://meta.discourse.org/u/Taunusbahner)
#### Post date: [August 17, 2022, 11:53am UTC](https://meta.discourse.org/t/table-builder/236016/26 "2022-08-17T11:53:48Z")

</div>

Hello everybody,

I got a problem with Firefox Browser Version 103.0.2 (64bit).  
Every input into the cells will put out as “undefined”.

With Microsoft Edge Version 104.0.1293.54 (Official Build) (64-Bit), everything works beautiful.

I have recorded as gif.  
 ![Table Builder](https://global.discourse-cdn.com/meta/original/4X/2/b/3/2b397169871db247b2c1dd1d931781a0dfeb6ced.gif)

Thanks a lot for help.

---

<div class="post-metadata">

### Author: ![tmn](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tmn/32/267788_2.png) [@tmn](https://meta.discourse.org/u/tmn)
#### Post date: [August 17, 2022, 12:56pm UTC](https://meta.discourse.org/t/table-builder/236016/27 "2022-08-17T12:56:51Z")

</div>

how to fix my table?

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/3/b/23b7906e12190a93cff4173ab90e7c7105c49a05.png)

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [August 17, 2022, 1:09pm UTC](https://meta.discourse.org/t/table-builder/236016/28 "2022-08-17T13:09:59Z")

</div>

That looks like you’ve got a gap between the first line and the second. If you remove the blank line it should come good. 👍

---

<div class="post-metadata">

### Author: ![tmn](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tmn/32/267788_2.png) [@tmn](https://meta.discourse.org/u/tmn)
#### Post date: [August 17, 2022, 1:20pm UTC](https://meta.discourse.org/t/table-builder/236016/29 "2022-08-17T13:20:40Z")

</div>

oh thanks. It seem complicated a little bit. 😂

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [August 17, 2022, 2:41pm UTC](https://meta.discourse.org/t/table-builder/236016/30 "2022-08-17T14:41:53Z")

</div>

This is a known bug: [Table Builder - #11 by Canapin](https://meta.discourse.org/t/table-builder/236016/11)  
Couldn’t find steps to reproduce though.

---

<div class="post-metadata">

### Author: ![Decorbuz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/decorbuz/32/235124_2.png) [@Decorbuz](https://meta.discourse.org/u/Decorbuz)
#### Post date: [August 18, 2022, 8:04pm UTC](https://meta.discourse.org/t/table-builder/236016/31 "2022-08-18T20:04:29Z")

</div>

I’d love if this #Customization > Theme component could directly import data from [Microsoft Excel](https://en.wikipedia.org/wiki/Microsoft_Excel), [Google Sheets](https://en.wikipedia.org/wiki/Google_Sheets), and [Numbers](https://en.wikipedia.org/wiki/Numbers_(spreadsheet)) through a button in the user interface. That would come in handy!

---

<div class="post-metadata">

### Author: ![Julienlavigne](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/julienlavigne/32/295051_2.png) [@Julienlavigne](https://meta.discourse.org/u/Julienlavigne)
#### Post date: [August 23, 2022, 1:05pm UTC](https://meta.discourse.org/t/table-builder/236016/32 "2022-08-23T13:05:08Z")

</div>

While I can’t test this on my current discourse instance (I can’t install theme components or plugins), I’d love for this to land in core discourse. We have posts with reasonably complicated tables (10x10) and editing them in markdown is always very painful. Advanced users (eg developers) are ok, however it’s too much to ask from the rest of our user base (business people).

---

<div class="post-metadata">

### Author: ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [August 23, 2022, 1:59pm UTC](https://meta.discourse.org/t/table-builder/236016/34 "2022-08-23T13:59:08Z")

</div>

Nice TC!!! Love your work. Those tables have been driving me crazy for years.

At the mo I can’t see the 🖊 `Edit Table` button. It is there and functions just fine, but is invisible:

> ![Screenshot 2022-08-24 01.46.09](https://global.discourse-cdn.com/meta/original/4X/1/c/c/1cc10e99ee58090d0db90d061be3811bff55b3af.png)

I can’t see any reason for this in the CSS or HTML. Is it just me?

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [August 23, 2022, 2:11pm UTC](https://meta.discourse.org/t/table-builder/236016/35 "2022-08-23T14:11:46Z")

</div>

I don’t suppose you have a touchscreen, do you?

---

<div class="post-metadata">

### Author: ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [August 23, 2022, 10:00pm UTC](https://meta.discourse.org/t/table-builder/236016/36 "2022-08-23T22:00:57Z")

</div>

Yup - but only my main screen. Why does that matter?

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [August 23, 2022, 10:03pm UTC](https://meta.discourse.org/t/table-builder/236016/37 "2022-08-23T22:03:19Z")

</div>

@keegan can probably add more detail, but I think there’s a slight quirk between the halfway house of ‘desktop’ and ‘mobile’ that a touchscreen interface lands between. I think there are few other bits in core that also get scooped up in the same ‘grey zone’ as well.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [August 24, 2022, 5:33am UTC](https://meta.discourse.org/t/table-builder/236016/38 "2022-08-24T05:33:34Z")

</div>

> [@JammyDodger](#):
>
> grey zone

From my point of view as more or less end user there is not grey zone 😉 There is just white and black in the meaning Table Builder gives only minimal functionality for all mobiles.

( ~~I was planning to take screenshot but I couldn’t because scrolling of cog is still broken on iPhone. But that is not issue of Table builder~~ _never mind; all that was needed was tapping_ Done).. But touch screens are.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [August 24, 2022, 5:43am UTC](https://meta.discourse.org/t/table-builder/236016/39 "2022-08-24T05:43:53Z")

</div>

Generally the problem is that we can not detect if a user has a mouse or not. So we gate a bit of our feature detection on mobile/not-mobile and touch is a signal for mobile.

In this specific case though I think there may be merit to use a different param, just suppress the button once the screen gets narrow enough via a media query?

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [August 24, 2022, 6:25am UTC](https://meta.discourse.org/t/table-builder/236016/40 "2022-08-24T06:25:28Z")

</div>

> [@sam](#):
>
> we can not detect if a user has a mouse or not

That is bummer because nowadays that is must. Tech is lagging behind?

---

<div class="post-metadata">

### Author: ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [September 2, 2022, 8:43pm UTC](https://meta.discourse.org/t/table-builder/236016/43 "2022-09-02T20:43:01Z")

</div>

## Bug Report

The latest update of this TC seems to have broken the localisations

---

<div class="post-metadata">

### Author: ![keegan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/keegan/32/383395_2.png) [@keegan](https://meta.discourse.org/u/keegan)
#### Post date: [September 2, 2022, 8:44pm UTC](https://meta.discourse.org/t/table-builder/236016/44 "2022-09-02T20:44:47Z")

</div>

Thanks @nathank, this was actually an issue in core, which has been resolved as of this commit:  
[https://github.com/discourse/discourse/commit/fd6109a6e1ce8646aa12f5fb7ace70427ac39ff2](https://github.com/discourse/discourse/commit/fd6109a6e1ce8646aa12f5fb7ace70427ac39ff2)

[Previous page](https://meta.discourse.org/t/table-builder/236016.md?page=1)

[Next page](https://meta.discourse.org/t/table-builder/236016.md?page=3)
