Advertisement


How to insert a table in Sketch 3?


Question

I want to insert a 1*12 table in Sketch 3 artboard. But I'm not able to find out how to insert it.

I've already read this article. But according to the answer, the plugin is used to distribute the items. I need a "real" table which has borders.

Could someone tell me how to achieve this?

2017/04/13
1
3
4/13/2017 12:46:00 PM

As crazy as this sounds, you can use Apple's spreadsheet app, Numbers to create a table that you can copy and paste into Sketch. I did this example really quick

Basic workflow

  1. Create a table (do most of the design in here) A spiffy table in Numbers
  2. Copy the whole table

    • EDIT: January 22, 2018 Copy as PDF in Numbers screenshot
    • In the latest version of Numbers, you'll want to highlight the object you want to copy, right click it, and select Copy as PDF
  3. Go to Sketch

  4. Paste your clipboard Paste it into Sketch — You can right click and select Paste Here Sketch parses what you copied. It treats it as a PDF
  5. Voilà

Working in Sketch

  1. We have a table in Sketch! No self adjusting columns though — it's all a manual process from here on out Look ma, we have a table in Sketch! No self adjusting columns though — it's all a manual process from here on out
  2. Here's my table with an expanded group list view
    It's all in one group to begin with. Here's my table with an expanded group list view

  3. Some drastic (and horrible looking) changes to show editing capabilities. All the text is left aligned.
    Some drastic (and horrible looking) changes to show editing capabilities. All the text is left aligned.

2018/01/22
2
1/22/2018 10:36:00 PM