Sorry, we don't support your browser.  Install a modern browser
This post is closed.

Pages section - table layout: more control for title column#499

On a pages section with table layout the title column can be hidden or its value changed, but not its header.

Also the width of the title column cannot be controlled.

Finally the title column cannot be substituted by a custom column, because then the column value canNOT be clicked to enter/edit the page.

So we cannot fully customize the title column nor use a custom column as clickable.

I see two solutions:

  1. Allow for the whole row to be clickable. At the moment only the title field can be clicked, if it is set to text: false we can’t.

  2. Allow for the HEADER of the title column to be modified. At the moment only the value can be modified.This is possible:

sections:    
  works:
    type: pages
    layout: table
    text: "{​{​page.datestart}}"

This is not:

sections:    
  works:
    type: pages
    layout: table
    text: 
      label: Something else 
      value: "{​{​page.datestart}}"

… and allow for the width of the title field to be controlled.This is not possible:

sections:    
  works:
    type: pages
    layout: table
    text: 
      label: Something else 
      value: "{​{​page.datestart}}"
      width: 1/3

Thanks

2 years ago
1
S

It would definitely be great to be able to handle the title column as well.

For now, one can change the label of the column with a hacky CSS snippet:

.k-section-name-{yoursectionname} {
    th.k-table-column:nth-child(2) {
        color: transparent;
        &:before {
            content: 'Name';
            color: var(--table-color-th-text);
        }
    }
}
3 months ago

v4.20 has added support to customize default columns. See https://getkirby.com/docs/reference/panel/sections/pages#layout__table-layout at the end of that section.

3 months ago
1
Changed the status to
Completed
3 months ago