{"id":2618,"date":"2024-07-29T15:25:42","date_gmt":"2024-07-29T19:25:42","guid":{"rendered":"https:\/\/sites.georgetown.edu\/1789-documentation\/?page_id=2618"},"modified":"2024-08-08T16:33:51","modified_gmt":"2024-08-08T20:33:51","slug":"how-to-data-table","status":"publish","type":"page","link":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/informational\/data-table\/how-to-data-table\/","title":{"rendered":"How To: Data Table"},"content":{"rendered":"\n

Adding the Block<\/h2>\n\n\n\n

To add the Data Table block, click the \u201c+\u201d symbol and search for \u201cData Table”. Then, select the Data Table block icon.<\/p>\n\n\n

\n
\"The<\/figure>\n<\/div>\n\n\n

Editing a Data Table<\/h2>\n\n\n\n

Upon adding the block, you will be asked to specify the number of columns and rows the table will have. You can do this by moving the slider or by typing the number in the text field. You can add between 2-10 columns and 2-100 rows per table. Once the desired number of columns and rows have been selected, click the \u201cCreate\u201d button.<\/p>\n\n\n

\n
\"Create<\/figure>\n<\/div>\n\n\n

Once you have the blank table you can begin to add content by clicking on the desired cell and typing.<\/p>\n\n\n

\n
\"View<\/figure>\n<\/div>\n\n\n

You can add a table caption that will display below the data table and describe its contents in the \u201cTable caption\u201d field. This is especially important if you have more than one table on a page. The table caption can be especially helpful for users who utilize screen readers to navigate your website.<\/p>\n\n\n\n

To add or delete rows or columns<\/strong> from the table, click the table operations icon in the upper left corner.<\/p>\n\n\n

\n
\"View<\/figure>\n<\/div>\n\n\n

Additional Block Settings<\/h2>\n\n\n\n

In the block tab of the inspector panel, you can find options to change the block style, create a header column, and create a filterable table.<\/p>\n\n\n\n

There are two style options for a data table block: Default, which features an all-white background, and Alternating Row Background, which features alternating white and gray backgrounds.<\/p>\n\n\n

\n
\"View<\/figure>\n<\/div>\n\n\n

Options for a header column and filterable table can be found under the Table Options section.<\/p>\n\n\n

\n
\"The<\/figure>\n<\/div>\n\n\n

In the block toolbar, there are options to center align, bold, italicize, or link the text in cells.<\/p>\n\n\n

\n
\"View<\/figure>\n<\/div>\n\n