DesertCookie Comments - Answer Overflow

DesertCookie

Explore posts from servers

•Created by DesertCookie on 5/10/2024 in #❓・help

Append to UTable header template slot

Alright, here's my current, bad implementation: Add a special row to the data: rows.push({filterRow: true})
React to that row with a v-if in every data template slot:

<div v-if="row.filterRow">
    <UInput type="text" v-model="costumesStore.filters.title" placeholder="Filter title"/>
</div>
<div v-else> render regular data </div>

<div v-if="row.filterRow">
    <UInput type="text" v-model="costumesStore.filters.title" placeholder="Filter title"/>
</div>
<div v-else> render regular data </div>

This works, however, it makes the filter row move around when sorting.

2 replies

KPCKevin Powell - Community

•Created by DesertCookie on 9/15/2023 in #front-end

Overflow with flexbox resulting in hacky use of calc

Alright, thanks a lot. I was questioning my sanity as I usually find the more complex solutions where there's an easier one.

7 replies

KPCKevin Powell - Community

•Created by DesertCookie on 9/15/2023 in #front-end

Overflow with flexbox resulting in hacky use of calc

For use in the sidebar-profile-name? Quickly reading up on it, that causes the username to slip onto two lines, correct? - which I don't want (added that as an explicit requirement in my post after your hint).

7 replies

KPCKevin Powell - Community

•Created by DesertCookie on 9/15/2023 in #front-end

Overflow with flexbox resulting in hacky use of calc

7 replies

Gaming

Programming