Table Styles/Style Table

You've set up your fee library, you've created your table, and have your line items all set up how you'd like them. Now, you just need to make the tables suit your brand. Here's a guide on how to use Proposify's Table Styles menus to help you tweak your tables' look to suit your brand.

Reaching Table Styles:

To access table styles for an individual table, click on a table (any table) in your proposal. This will change the right-hand menu to show "fee table properties". At the bottom of that menu, click "table styles":

If you'd like to update your default table styles in this proposal, you can also click "edit styles and formatting" at the top right of the page. 

IMPORTANT NOTE: This option will only appear if you're in the proposal or template editor. If you're editing a section, then the table will adopt the style of the proposal/template the section is added to. 

Table Styles vs. Edit Styles and Formatting

You may be wondering which one you need for your table. The question to ask yourself is: do I need to update the style for just one table, or do I need to update the default styling settings?

Updating one table: This is where you would use the "type styles" button. 

Updating the defaults: If you want to update the defaults, you can use either. If you decide to use the "table styles" button, you can find the "apply to all" toggle at the top of your options:

 This will update the default style. If you leave that toggle off, then your changes will only save to your selected table.

Your Table Styles Menu:

The first menu option in Type Styles allows you to select which row style you would like to edit: header rows, body rows, or footer rows. 

The options remain mostly the same, with the body row having one additional option.

Default Font Style

The default font style allows you to choose which font style in your Type Styles menu you would like to use for your copy within the header, body, or footer of your fee table. 

By default, this is set as "Body", but if you want to change the size, line height, or colour in your tables, you can set it to "Table header/body/footer" to allow more customization. 

Row Colour and Bottom Border:

Row colour allows you to apply your brand's colour to each row. Bottom Border allows you to draw a horizontal line between each row, to help disconnect them a little easier.

Click the fill box and you'll be directed to the colour menu: 

From here, you can select a colour from the colour tool, enter your RGB settings, or enter the hex code of your chosen colour in the hashtag menu. 

In addition to one row colour, the Body settings also allows you to set alternating row colours. This lets you set alternating colours along your table to help sort your table.

Padding

Enabling padding adds space in the inside of your table, based on the pixel sizes you've set in the options below: 

The settings above would add six pixels of space on each side of each column. If you'd prefer a more cozy look for your tables, you can disable this setting and no additional spacing will be applied.


How did we do?