search

rappasoft / laravel-livewire-tables

A dynamic table component for Laravel Livewire
https://rappasoft.com/docs/laravel-livewire-tables/v2/introduction
MIT License
1.74k stars 329 forks source link

no styles applied.. what am I forgetting? #120

Closed vesper8 closed 3 years ago

vesper8 commented 3 years ago

First time playing around with Livewire.. This is my blade file

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Users</title>

    @livewireStyles
</head>
<body>
    <div>
        <livewire:users-table />
    </div>

    @livewireScripts
</body>
</html>

It does render the users table but there are no styles applied at all. Am I supposed to pull in a theme from laravel-livewire-tables? Couldn't find anything related to that in the Readme

vesper8 commented 3 years ago

Ok I added this to my head and now it's displaying correctly. I had not realized this was dependent on Bootstrap

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js" integrity="sha384-LtrjvnR4Twt/qOuYxE721u19sVFLVSA4hf/rRt6PrZTmiPltdZcI7q7PXQBYTKyf" crossorigin="anonymous"></script>