Headline and limitOptions dropdown issue

[afbora]

Here my blueprint:

sections:
    mypagetable:
        headline: Ürünler
        type: pagetable
        status: all
        image:
            cover: true
        columns:
            title:
                label: Ürün Adı
                text: '{{ page.title }}'
                width: 3/6
            price:
                label: Fiyat
                text: '{{ page.price }} / <del>{{ page.priceTag }}</del>'
                width: 1/6
            stock:
                label: Stok
                text: '{{ page.quantity.toInt }}'
                width: 1/6
            date:
                label: Tarih
                type: date
                text: '{{ page.createdAt.toDate("Y-m-d") }}'
                dateInputFormat: 'YYYY-MM-DD'
                dateOutputFormat: 'MMMM YYYY'
                width: 1/6

1. Do not appear headline that you will see in above screenshot and empty html tag in following screenshot:

2. Limit Options dropdown selected item not seen like your screenshot, as if there is a css problem:

[trych]

Same issue. I don't see any headline and the limits dropdown number behaves not accordingly to the setting i set for it.

[adamkiss]

Headline missing:
it's a missing prop for the tbl-for-kirby component. Retour deals with this via template slot (for tabs), in pagetable it can be fixed easily enough by simply passing options.headline as a prop, like so:

  <tbl
    :rows="rows"
    …
    :headline="options.headline"
  >

Short select / hidden page numbers:
The short select is coming from hardcoded width to 40px in the table component. I submitted a patch, but even after merging, @sylvainjule will have to rebuild this, since this repo currently includes version 1.0.1.

[afbora]

@adamkiss just width: auto; not work for me, worked with that:

height: auto;
width: auto;