[mazxaxz]

Dobra bo zaraz popadnę w agonie.
Tablica wyświetla mi się w sposób jak na obrazku. Co zrobić, żeby to działało prawidłowo.
Kod w komentarzach.

Edit: Bootstrap jak coś

#programowanie #webdev #angular

[mazxaxz]

@mazxaxz: Tablica

[mazxaxz]

@mazxaxz: Komponent

[januzi]

@mazxaxz: To jeszcze kod wygenerowanej tabelki.

[mazxaxz]

@januzi Wiadomo, że ten app-book-item wchodzi na miejsce pierwszej kolumny, ale nie mam pojęcia jak temu zaradzić bez robienia całego komponentu od początku.

[mazxaxz]

Na stacku przeczytałem, żeby zrobić tak:
|
...

Ale wywala błędy

[mazxaxz]

@jestem_mike: są trzy przecież XD

[jestem_mike]

@mazxaxz: Źle policzyłem, sory XD

[Flamon]

@mazxaxz: https://getbootstrap.com/docs/4.0/content/tables/ ?

[mazxaxz]

@Flamon: Nie pomaga od początku

[smkt]

@mazxaxz: Rozwiązanie z | powinno zadziałać, tylko musisz w komponencie dać selector: "tr[app-book-item]" i usunąć | z szablonu komponentu.
Tabelka się rozjeżdża, bo w tbody mogą znajdować się tylko elementy |, a u Ciebie jest app-book-item.

[mazxaxz]

@smkt: poszło dzięki wielkie (｡◕‿‿◕｡)

[mazxaxz]

@smkt: na stacku było w komponencie "[app-book-item]" zamiast "tr[app-book-item]" i najpewniej dlatego nie banglało

[smkt]

@mazxaxz: Bez tr w selektorze też powinno śmigać - jak leciał błąd to raczej z innego powodu

[mazxaxz]

@smkt: Nic nie wyświetlało. Może kompilator coś wariował.

[mazxaxz]

@smkt: Faktycznie teraz działa bez tr.