Как сделать красивое табличное представление на странице сайта? Ларавель

Нужна помощь с оформлением текста на странице сайта,у меня выводятся данные таблицы а они плохо выглядят (прикрепил скриншот) помогите мой файл просмотра:

@extends('layouts.layout')
@section('title')Бізнес@endsection
@section ('main_content')
    <h1>Бизнес</h1>
    <p>
    @foreach ($business as $singleBusiness)
        <li>{{ $singleBusiness->id}}</li>>
        <li>{{ $singleBusiness->name}}</li>>
        <li>{{ $singleBusiness->mail}}</li>>
        <li>{{ $singleBusiness->website}}</li>>
        @endforeach
        </p>
@endsection

моя табличка выглядит так, все записи вертикальные(

С вашим сообщением много проблем; вы говорите «представление таблицы», но вы используете элементы <p> и <li>, которые не являются <table>... У вас также есть двойной >>, который выводит >... Взгляните на документацию для HTML-таблиц и попробуйте используйте это: w3schools.com/html/html_tables.asp (или выполните поиск в Google «HTML-таблицы» и т. д.)

— 23.12.2020 16:03

laravel laravel-blade laravel-8 laravel-datatables

23.12.2020 15:56

Стоит ли изучать PHP в 2023-2024 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Оживление вашего приложения Laravel: Понимание режима обслуживания

Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...

Коллекции в Laravel более простым способом

Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...

Поиск нового уровня в Laravel с помощью MeiliSearch и Scout

Laravel Scout - это популярный пакет, который предоставляет простой и удобный способ добавить полнотекстовый поиск в ваше приложение Laravel. Он...

Освоение архитектуры микросервисов с Laravel: Лучшие практики, преимущества и советы для разработчиков

В последние годы архитектура микросервисов приобрела популярность как способ построения масштабируемых и гибких приложений. Laravel , популярный PHP...

Как построить CRUD-приложение в Laravel

Laravel - это популярный PHP-фреймворк, который позволяет быстро и легко создавать веб-приложения. Одной из наиболее распространенных задач в...

1 053

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Итак, в laravel есть бутстрап из коробки, так что можно им пользоваться. Это самый простой способ получить хороший стол

Вы можете получить html-таблицу с этой страницы, а затем поместить в нее свои данные.

https://getbootstrap.com/docs/4.5/content/tables/

То же самое

<table class = "table">
    <thead>
      <tr>
        <th scope = "col">#</th>
        <th scope = "col">name</th>
        <th scope = "col">mail</th>
        <th scope = "col">website</th>
      </tr>
    </thead>
    <tbody>
        @foreach ($business as $singleBusiness)
        <tr>
            <th scope = "row">{{ $singleBusiness->id}}</th>
            <td>{{ $singleBusiness->name}}</td>
            <td>{{ $singleBusiness->mail}}</td>
            <td>{{ $singleBusiness->website}}</td>
      </tr>
      @endforeach
    </tbody>
</table>

Спасибо ооооочень большое

— 24.12.2020 10:22

23.12.2020 16:50