Top index in table header

Support
#1

Hi,

How can I put into the table’s header title a top index?

I am thinking for this, just don’t know the english word:
topIndex

Thanks.

#3

Hi,

Table column supports HTML formatting of caption. For instance, you can use <sup>1</sup> to show number as superscript.

<table id="usersTable" width="100%"
    stylename="small-header-padding">
    <columns>
        <column id="login" caption="msg://User.login.caption"/>
        <column id="name"/>
    </columns>
    <rows datasource="usersDs"/>
</table>

Here I assign additional custom style name small-header-padding for Table, it will be used later.

Add User.login.caption to messages.properties:

User.login.caption = Login<sup> [1]</sup>

The only thing left to fix is CSS of table header (otherwise it becomes bigger due to superscript symbols):

.small-header-padding .v-table-caption-container {
  padding-top: 3px;
  padding-bottom: 3px;
  line-height: 24px;
}

Result will be the following

image