Merhaba Arkadaşlar
Tab tabloya veri çekme,
Tümü, Satılıklar, Kiralıklar, Günlük Kiralıklar gibi tab başlıklar altında verileri ekrana yazdırma gibi, Html kod yapısı aşağıdaki gibi, nasıl yapabilirim, örnek verebilirmisiniz Arkadaşlar

<section id="portfolio-section" class="section-padding">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="section-title-header text-center">
                    <h2 class="section-title">Yeni Eklenen İlanlar</h2>
                </div>
            </div>
            <div class="col-12">
                <!-- Portfolio Controller/Buttons -->
                <div class="controls text-center">
                    <a class="filter active btn btn-common" data-filter="all">Tüm İlanlar</a>
                    <a class="filter btn btn-common" data-filter=".design">Satılıklar</a>
                    <a class="filter btn btn-common" data-filter=".development">Kiralıklar</a>
                    <a class="filter btn btn-common" data-filter=".print">Günlük Kiralıklar</a>
                </div>
                <!-- Portfolio Controller/Buttons Ends-->
            </div>
        </div>
        <div id="portfolio" class="row wow fadeInDown">
            <div class="col-md-6 col-sm-6 col-lg-4 mix development print">
                <div class="portfolio-box">
                    <div class="img-thumb">
                        <img class="img-fluid" src="assets/img/gallery/img-1.jpg" alt="">
                    </div>
                    <div class="overlay-box text-center">
                        <a class="lightbox" href="assets/img/gallery/img-1.jpg">
                            <i class="lni-zoom-in"></i>
                        </a>
                        <h3>Project Title</h3>
                    </div>
                </div>
            </div>
            <div class="ccol-md-6 col-sm-6 col-lg-4 mix design print">
                <div class="portfolio-box">
                    <div class="img-thumb">
                        <img class="img-fluid" src="assets/img/gallery/img-2.jpg" alt="">
                    </div>
                    <div class="overlay-box text-center">
                        <a class="lightbox" href="assets/img/gallery/img-2.jpg">
                            <i class="lni-zoom-in"></i>
                        </a>
                        <h3>Project Title</h3>
                    </div>
                </div>
            </div>
            <div class="ccol-md-6 col-sm-6 col-lg-4 mix development">
                <div class="portfolio-box">
                    <div class="img-thumb">
                        <img class="img-fluid" src="assets/img/gallery/img-3.jpg" alt="">
                    </div>
                    <div class="overlay-box text-center">
                        <a class="lightbox" href="assets/img/gallery/img-3.jpg">
                            <i class="lni-zoom-in"></i>
                        </a>
                        <h3>Project Title</h3>
                    </div>
                </div>
            </div>
            <div class="ccol-md-6 col-sm-6 col-lg-4 mix development design">
                <div class="portfolio-box">
                    <div class="img-thumb">
                        <img class="img-fluid" src="assets/img/gallery/img-4.jpg" alt="">
                    </div>
                    <div class="overlay-box text-center">
                        <a class="lightbox" href="assets/img/gallery/img-4.jpg">
                            <i class="lni-zoom-in"></i>
                        </a>
                        <h3>Project Title</h3>
                    </div>
                </div>
            </div>
            <div class="ccol-md-6 col-sm-6 col-lg-4 mix development">
                <div class="portfolio-box">
                    <div class="img-thumb">
                        <img class="img-fluid" src="assets/img/gallery/img-5.jpg" alt="">
                    </div>
                    <div class="overlay-box text-center">
                        <a class="lightbox" href="assets/img/gallery/img-5.jpg">
                            <i class="lni-zoom-in"></i>
                        </a>
                        <h3>Project Title</h3>
                    </div>
                </div>
            </div>
            <div class="ccol-md-6 col-sm-6 col-lg-4 mix print design">
                <div class="portfolio-box">
                    <div class="img-thumb">
                        <img class="img-fluid" src="assets/img/gallery/img-6.jpg" alt="">
                    </div>
                    <div class="overlay-box text-center">
                        <a class="lightbox" href="assets/img/gallery/img-6.jpg">
                            <i class="lni-zoom-in"></i>
                        </a>
                        <h3>Project Title</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>