SharePoint Forms Data Table Column Alignment

Forms SharePoint Online
1

Hi,

Is it possible to align the field and header columns in the data table control? For example, I'd like to right-align the header row in a currency column to match the content.

Thanks!

2

Hi @stevea,

Try adding this CSS snippet to the form:

.fd-datatable {
    .k-master-row {
        text-align: right !important;
    }
    
    .k-header {
        text-align: right !important;
    }
}
3

Thank you! Works great!

Is it possible to target a particular column (and header), i.e., have some columns and headers left aligned and some right?

4

Hi @stevea,

Unfortunately, this would be quite difficult to achieve since the table is organized by rows. I recommend using the Inspect element feature of your browser to determine the right CSS selectors if you're interested in researching this further.

5

Thanks @IliaLazarevskii, a big help :+1: