Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > Data Tables Bootstrap 3 Laravel 5.6 ไม่ทำงาน รบกวนขอคำแนะนำคะ

[PHP] Data Tables Bootstrap 3 Laravel 5.6 ไม่ทำงาน รบกวนขอคำแนะนำคะ

เริ่มหัวข้อใหม่

^-^

โพสกระทู้ ( 681 )
บทความ ( 0 )

Data Tables Bootstrap 3 Laravel 5.6

Code (PHP)

<script type="text/javascript">
    //$(document).ready(function()  // ทำให้ Jquery สำหรับเมนูไม่ทำงาน
    //{
        $('#example').DataTable();
    // });
 </script> 

ติดสองที่ (ตอนนี้ก็เลย // ไว้ก่อนคะ)

สว่นที่ 1 เมื่อใส่ $(document).ready(function() ทำให้ Jquery สำหรับเมนูไม่ทำงาน กดย่อขยายเมนู ไม่ได้
ส่วนที่ 2 ถ้าใส่ $(document).ready(function() ส่วนของ DataTable แสดงแบ่งหน้าได้ตอนยังไม่รับค่าจากฟอร์ม Post แต่พอรับค่าจากฟอร์ม DataTable ไม่ทำงาน

Code
Code (PHP)

@section('detail')
            {{-- Detail Report --}}
            <table id="example" class="table table-bordered">
            <thead>
                <tr>
                    <th scope="col">No</th>
                    <th scope="col" class="text-wrap text-center" ">date</th>
                    <th scope="col" class="text-wrap text-center" ">Code</th>
                    <th scope="col" class="text-wrap text-center" ">Room</th>
                </tr>  
            </thead>
            <tbody>
            @if(isset($VisitTodayDetail)) 
                @foreach ($VisitTodayDetail as $detail)
                <tr>
                    <td>{{ $no++ }}</td>
                    <td class="text-nowrap" style="widtd:8rem;">{{ $detail->VisitDate  }}</td>
                    <td>{{ $detail->Clinic }}</td>
                    <td class="text-nowrap" style="widtd:8rem;">{{ $detail->LocalName }}&nbsp;
                        ({{ $detail->Code }})</td>
                    <td>{{ $detail->Doctor }}</td>
                    <td>
                            @switch($detail->Code)
                                @case('AC')
                                    0
                                    @break
                                @case('ADIO')
                                    0
                                    @break
                                @case('ADM')
                                    0
                                    @break
                            @endswitch
                    </td>
                </tr>
                        @endforeach
                   @endif
                </tbody>
                <tfoot>
                <tr>
                    <th scope="col">No</th>
                    <th scope="col" class="text-wrap text-center" ">date</th>
                    <th scope="col" class="text-wrap text-center" ">Code</th>
                    <th scope="col" class="text-wrap text-center" ">Room</th>
                </tr>
                </tfoot>
            </table>
            {{-- Data table Pagination --}}
            <script type="text/javascript">
                //$(document).ready(function() 
                //{
                    $('#example').DataTable();
                //});
            </script> 
            {{-- Detail Report --}}
    @endsection

Tag : PHP, Ms SQL Server 2016, Laravel Framework

ประวัติการแก้ไข
2018-05-29 16:32:13

Date : 2018-05-29 16:26:07

By : nottpoo

View : 1782

Reply : 8

No. 1

Chaidhanan

โพสกระทู้ ( 9,590 )
บทความ ( 2 )

เนื่องจากผมไม่เคยใช้ laravel ลองวิวซอร์สจาก browser ออกมาให้ดูหน่อยได้ไหมครับ
พอเป็น html javascript ยังพอจะแนะนำได้บ้าง

Date : 2018-05-30 08:24:38

By : Chaidhanan

No. 2

^-^

โพสกระทู้ ( 681 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 1 เขียนโดย : Chaidhanan เมื่อวันที่ 2018-05-30 08:24:38

รายละเอียดของการตอบ ::

View Source ด้านล่างคะ

Code (PHP)

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="Saquib" content="Blade">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="images/favicon.ico" type="image/ico" />
    <title>Report | </title>
    <script src="vendors/jquery/dist/jquery.min.js"></script>
    <link href="vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/datatable/dataTables.bootstrap.min.css">
    <link href="vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="vendors/nprogress/nprogress.css" rel="stylesheet">
    <link href="vendors/iCheck/skins/flat/green.css" rel="stylesheet">
    <link href="vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet">
    <link href="vendors/jqvmap/dist/jqvmap.min.css" rel="stylesheet" />
    <link href="vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
    <link href="build/css/custom.min.css" rel="stylesheet">
    <link href="css/bootstrap/starter-template.css" rel="stylesheet">
    <link rel="stylesheet" href="bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" /> </head>
 
<body class="nav-md">
    <div class="container body">
        <div class="main_container">
            <div class="col-md-3 left_col">
                <div class="left_col scroll-view">
                    <div class="navbar nav_title" style="border: 0;">
                        <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Report Statics</span></a>
                    </div>
                    <div class="clearfix"></div>
                    <!-- menu profile quick info -->
                    <div class="profile clearfix">
                        <div class="profile_pic">
                            <img src="images/img.jpg" alt="..." class="img-circle profile_img">
                        </div>
                        <div class="profile_info">
                            <span>Welcome,</span>
                            <h2></h2>
                        </div>
                    </div>
                    <!-- /menu profile quick info -->
                    <br />
                    <!-- sidebar menu -->
                    <div class="clearfix"></div>
                    <!-- sidebar menu -->
                    <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
                        <div class="menu_section">
                            <h3>General</h3>
                            <ul class="nav side-menu">
                                <li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
                                    <ul class="nav child_menu">
                                        <li><a href="index.html">Dashboard</a></li>
                                        <li><a href="index2.html">Dashboard2</a></li>
                                        <li><a href="index3.html">Dashboard3</a></li>
                                    </ul>
                                </li>
                                <li><a><i class="fa fa-sitemap"></i> รายงาน Daily (OPD) <span class="fa fa-chevron-down"></span></a>
                                    <ul class="nav child_menu">
                                        <li><a>Visit Today<span class="fa fa-chevron-down"></span></a>
                                            <ul class="nav child_menu">
                                                <li class="sub_menu"><a href="#">นับตาม VN</a></li>
                                                <li><a href="report">แยกตามคลีนิค</a></li>
                                                <li><a href="#">แยกตามกลุ่มโรค</a></li>
                                                <li><a href="#">แยกตามสิทธิการรักษา</a></li>
                                                <li><a href="#">แยกตามสาขาแพทย์</a></li>
                                                <li><a href="#">แยกตามระยะเวลารอคอย</a></li>
                                                <li><a href="#">แยกตามคนไข้ เก่า-ใหม่</a></li>
                                                <li><a href="#">แยกตามบริษัทคู่สัญญา</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">สรุปการทำ Lap</a></li>
                                        <li><a href="#">สรุปการทำ X-ray</a></li>
                                        <li><a href="#">รายงานประเภท PT (ใหม่ - เก่า)</a></li>
                                        <li><a href="#">รายงานจำนวนผู้ป่วยแยกแผนก</a></li>
                                        <li><a href="#">รายงานจำนวนผู้ป่วยนับจาก HN</a></li>
                                        <li><a href="#">รายงานผู้เสียชีวตินับจาก HN</a></li>
                                    </ul>
                                </li>
                                <li><a><i class="fa fa-sitemap"></i> รายงาน Daily (IPD) <span class="fa fa-chevron-down"></span></a>
                                    <ul class="nav child_menu">
                                        <li><a>Admit Today<span class="fa fa-chevron-down"></span></a>
                                            <ul class="nav child_menu">
                                                <li class="sub_menu"><a href="level2.html">Level 2</a></li>
                                                <li><a href="#level2_1">Level 1</a></li>
                                                <li><a href="#">Level 2</a></li>
                                                <li><a href="#">Level 2</a></li>
                                                <li><a href="#">Level 2</a></li>
                                                <li><a href="#">Level 2</a></li>
                                                <li><a href="#">Level 2</a></li>
                                                <li><a href="#">Level 2</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">Level 1</a></li>
                                    </ul>
                                </li>
                                <li><a><i class="fa fa-edit"></i>รายงานให้ ฝ่าย/แผนก<span class="fa fa-chevron-down"></span></a>
                                    <ul class="nav child_menu">
                                        <li><a>คุณ....<span class="fa fa-chevron-down"></span></a>
                                            <ul class="nav child_menu">
                                                <li class="sub_menu"><a href="#">Ward Census ICN</a></li>
                                            </ul>
                                        </li>
                                        <li><a>สำนัก A<span class="fa fa-chevron-down"></span></a>
                                            <ul class="nav child_menu">
                                                <li class="sub_menu"><a href="#">รายงาน A</a></li>
                                                <li class="sub_menu"><a href="#">จำนวน B</a></li>
                                                <li class="sub_menu"><a href="#">รายงาน C</a></li>
                                                <li class="sub_menu"><a href="#">รายงาน D</a></li>
                                                <li class="sub_menu"><a href="#">รายงาน E</a></li>
                                                <li class="sub_menu"><a href="#">รายงาน F</a></li>
                                                <li><a>รายงาน G<span class="fa fa-chevron-down"></span></a>
                                                    <ul class="nav child_menu">
                                                        <li class="sub_menu"><a href="#">รายงาน H</a></li>
                                                        <li><a href="#">รายงาน I</a></li>
                                                        <li><a href="#">รายงาน J</a></li>
                                                    </ul>
                                                </li>
                                                <li class="sub_menu"><a href="#">แยกประเภท PT (ใหม่ - เก่า)</a></li>
                                                <li class="sub_menu"><a href="#">จำนวนผู้ป่วยแยกแผนก</a></li>
                                                <li class="sub_menu"><a href="#">Discharge SumRefer</a></li>
                                                <li class="sub_menu"><a href="#">ICD 10 แบบ Detail</a></li>
                                            </ul>
                                        </li>
                                         
                                        
                                        <li class="sub_menu"><a href="#">รายงานรายได้แพทย์แผนจีน</a></li>
                                        <li class="sub_menu"><a href="#">ส่วนลดพิเศษ OPD</a></li>
                                        <li class="sub_menu"><a href="#">ส่วนลดพิเศษ IPD</a></li>
                                    </ul>
                                </li>
                                <li><a><i class="fa fa-desktop"></i>รายงานประจำวัน
                         <span class="fa fa-chevron-down"></span></a>
                                    <ul class="nav child_menu">
                                        <li><a href="general_elements.html">ประจำวัน 5 ครั้ง</a></li>
                                    </ul>
                                </li>
                                <li><a><i class="fa fa-table"></i>รายงาน Report<span class="fa fa-chevron-down"></span></a>
                                    <ul class="nav child_menu">
                                        <li><a href="tables.html">Report AA</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <div class="menu_section">
                            <h3>สถิติ</h3>
                            <ul class="nav side-menu">
                                <li><a><i class="fa fa-bar-chart-o"></i>สถิติ ปี<span class="fa fa-chevron-down"></span></a>
                                    <ul class="nav child_menu">
                                        <li><a href="e_commerce.html">ม.ค.</a></li>
                                        <li><a href="projects.html">ก.พ.</a></li>
                                        <li><a href="project_detail.html">ม๊.ค</a></li>
                                        <li><a href="contacts.html">พ.ค.</a></li>
                                        <li><a href="profile.html">มิ.ย.</a></li>
                                        <li><a href="profile.html">ก.ค.</a></li>
                                        <li><a href="profile.html">ส.ค.</a></li>
                                        <li><a href="profile.html">ก.ย.</a></li>
                                        <li><a href="profile.html">ต.ค.</a></li>
                                        <li><a href="profile.html">พ.ย.</a></li>
                                        <li><a href="profile.html">ธ.ค.</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- /sidebar menu -->
                    <!-- /menu footer buttons -->
                    <div class="sidebar-footer hidden-small">
                        <a data-toggle="tooltip" data-placement="top" title="Settings">
            <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
          </a>
                        <a data-toggle="tooltip" data-placement="top" title="FullScreen">
              <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
          </a>
                        <a data-toggle="tooltip" data-placement="top" title="Lock">
               <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
          </a>
                        <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
              <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
          </a>
                    </div>
                    <!-- /menu footer buttons -->
                </div>
            </div>
            <!-- top navigation -->
            <div class="top_nav">
                <div class="nav_menu">
                    <nav>
                        <div class="nav toggle">
                            <a id="menu_toggle"><i class="fa fa-bars"></i></a>
                        </div>
                        <ul class="nav navbar-nav navbar-right">
                            <li class="">
                                <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                    <img src="images/img.jpg" alt="">John Doe
                    <span class=" fa fa-angle-down"></span>
                  </a>
                                <ul class="dropdown-menu dropdown-usermenu pull-right">
                                    <li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a></li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
            <!-- /top navigation -->
            <!-- page content -->
            <div class="right_col" role="main">
                <!-- top tiles -->
                <div class="starter-template">
                    <p>ReportToday</p>
                    <p>Please Select Date Below</p>
                </div>
                <form name="frmDate" method="post" action="http://localhost:8000/report ">
                    <input type="hidden" name="_token" value="2xjeA5FqD95duAI4LNSdbC3lhywkwYYhL5ROOlLV">
                    <div class="row">
                        <div class='col-sm-5'>
                            <div class="form-group">
                                <div class='input-group date' id="datetimepicker1">
                                    <input type='text' class="form-control" name='DateStart' />
                                    <span class="input-group-addon">
                                <span class="glyphicon glyphicon-calendar"></span>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class='col-sm-5'>
                            <div class="form-group">
                                <div class='input-group date' id="datetimepicker2">
                                    <input type='text' class="form-control" name='EndDate' />
                                    <span class="input-group-addon">
                                <span class="glyphicon glyphicon-calendar"></span>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <button type="submit" name="submit" value="Submit" class="btn btn-secondary">ค้นหา</button>
                        </div>
                        <script type="text/javascript">
                        $(function() {
                            $('#datetimepicker1').datetimepicker({
                                format: 'YYYY-MM-DD'
                            });
                            $('#datetimepicker2').datetimepicker({
                                format: 'YYYY-MM-DD'
                            });
                        });
                        </script>
                    </div>
                    <br/>
                    <div class="row">
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <label class="input-group-text" for="Clinic">Clinic</label>
                                <select class="custom-select" id="Clinic" name="Clinic" style="width:793px;">
                                    <option selected>Choose...</option>
                                    <option value="AC">
                                         Report&nbsp;(AA)
                                    </option>
                                    <option value="ADIO">
                                         Report&nbsp;(AB)
                                    </option>
                                    <option value="ADM">
                                         Report&nbsp;(AC)
                                    </option>
                                    <option value="AJ">
                                         Report&nbsp;(AD)
                                    </option>
                                    <option value="AN">
                                         Report&nbsp;(AE)
                                    </option>
                                    <option value="BNC">
                                        Report&nbsp;(AF)
                                    </option>
                                    <option value="CATH">
                                         Report&nbsp;(AH)
                                    </option>
                                    <option value="CCU">
                                         Report&nbsp;(AI)
                                </select>
                            </div>
                        </div>
                    </div>
                </form>
                <!-- /top tiles -->
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div class="dashboard_graph">
                            <!-- Visit today Report -->
                            <div class="row">
                                <table class="table table-bordered">
                                    <thead>
                                        <tr>
                                            <td scope="col" rowspan="2" class="text-center align-middle">logo</td>
                                            <td scope="col" rowspan="2" class="text-center text-uppercase align-middle">hospital Report</td>
                                            <td scope="col" colspan="3" class="text-center text-uppercase">Report Today</td>
                                        </tr>
                                        <tr>
                                            <td scope="col" colspan="2" class="text-center font-weight-normal">ประจำวันที่ 29 พ.ค. 2561</td>
                                            <td scope="col" colspan="2" class="text-right font-weight-normal">ผู้พิมพ์ : John Doe</td>
                                        </tr>
                                        <tr>
                                            <td scope="col" colspan="4" class="font-weight-normal">Path:\...\Report\Report Today.rpt</td>
                                            <td scope="col" colspan="2" class="text-right font-weight-normal">วันที่พิมพ์ 29 พ.ค. 2561 เวลา : 16:33 น.</td>
                                        </tr>
                                        </tdead>
                                </table>
                            </div>
                            <table id="example" class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th scope="col">ลำดับ</th>
                                        <th scope="col" class="text-wrap text-center" ">date</th>
                    <th scope="col " class="text-wrap text-center " ">Code</th>
                                        <th scope="col" class="text-wrap text-center" ">Room</th>
                    <th scope="col " class="text-nowrap ">จำนวนเวรออกตรวจ</th>
                    <th scope="col " class="text-nowrap ">จำนวน<br>ห้อง</th>
                    <th scope="col " class="text-nowrap text-center ">A<br>GN</th>
                    <th scope="col " class="text-nowrap text-center " ">B
                                            <br>CT</th>
                                        <th scope="col" class="text-nowrap text-center" ">เข้าใหม่<br>GN</th>
                    <th scope="col " class="text-nowrap text-center " ">เข้าใหม่
                                            <br>CT</th>
                                        <th scope="col" class="text-nowrap text-center" ">รวม</th>
                    <th scope="col " class="text-nowrap " ">รายได้เฉลี่ย
                                            <br>(บาท/ราย)</th>
                                        <th scope="col">AA</th>
                                        <th scope="col">%AA</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>2</td>
                                        <td class="text-nowrap" style="widtd:8rem;">2018-05-01</td>
                                        <td>AAA</td>
                                        <td class="text-nowrap" style="widtd:8rem;">ศูนย์ Center&nbsp; (BNC)
                                        </td>
                                        <td>1</td>
                                        <td>
                                            0
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td class="text-nowrap" style="widtd:8rem;">2018-05-01</td>
                                        <td>AAA</td>
                                        <td class="text-nowrap" style="widtd:8rem;">ศูนย์ Center&nbsp; (BNC)
                                        </td>
                                        <td>1</td>
                                        <td>
                                            0
                                        </td>
                                    </tr>
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <th scope="col">ลำดับ</th>
                                        <th scope="col" class="text-wrap text-center" ">date</th>
                    <th scope="col " class="text-wrap text-center " ">Code</th>
                                        <th scope="col" class="text-wrap text-center" ">Room</th>
                    <th scope="col " class="text-nowrap ">จำนวนเวรออกตรวจ</th>
                    <th scope="col " class="text-nowrap ">จำนวน<br>ห้อง</th>
                    <th scope="col " class="text-nowrap text-center ">A<br>GN</th>
                    <th scope="col " class="text-nowrap text-center " ">B
                                            <br>CT</th>
                                        <th scope="col" class="text-nowrap text-center" ">เข้าใหม่<br>GN</th>
                    <th scope="col " class="text-nowrap text-center " ">เข้าใหม่
                                            <br>CT</th>
                                        <th scope="col" class="text-nowrap text-center" ">รวม</th>
                    <th scope="col " class="text-nowrap " ">รายได้เฉลี่ย
                                            <br>(บาท/ราย)</th>
                                        <th scope="col">AA</th>
                                        <th scope="col">%AA</th>
                                    </tr>
                                </tfoot>
                            </table>
                            <script type="text/javascript">
                            //$(document).ready(function()   ///บรรทัดนี้คะ 
                            //{
                            $('#example').DataTable();
                            //});  ///บรรทัดนี้คะ 
                            </script>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <br />
                <div class="row">
                </div>
                <div class="row">
                    <div class="col-md-8 col-sm-8 col-xs-12">
                        <div class="row">
                        </div>
                        <div class="row">
                            <!-- Start to do list -->
                            <!-- End to do list -->
                            <!-- start of weather widget -->
                            <!-- end of weather widget -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- /page content -->
            <!-- footer content -->
            <footer>
                <div class="pull-right">
                    Power by MIS
                </div>
                <div class="clearfix"></div>
            </footer>
            <!-- /footer content -->
        </div>
    </div>
    <!-- Bootstrap -->
    <script src="vendors/bootstrap/dist/js/bootstrap.min.js"></script>
    <!-- FastClick -->
    <script src="vendors/fastclick/lib/fastclick.js"></script>
    <!-- NProgress -->
    <script src="vendors/nprogress/nprogress.js"></script>
    <!-- Chart.js -->
    <script src="vendors/Chart.js/dist/Chart.min.js"></script>
    <!-- gauge.js -->
    <script src="vendors/gauge.js/dist/gauge.min.js"></script>
    <!-- bootstrap-progressbar -->
    <script src="vendors/bootstrap-progressbar/bootstrap-progressbar.min.js"></script>
    <!-- iCheck -->
    <script src="vendors/iCheck/icheck.min.js"></script>
    <!-- Skycons -->
    <script src="vendors/skycons/skycons.js"></script>
    <!-- Flot -->
    <script src="vendors/Flot/jquery.flot.js"></script>
    <script src="vendors/Flot/jquery.flot.pie.js"></script>
    <script src="vendors/Flot/jquery.flot.time.js"></script>
    <script src="vendors/Flot/jquery.flot.stack.js"></script>
    <script src="vendors/Flot/jquery.flot.resize.js"></script>
    <!-- Flot plugins -->
    <script src="vendors/flot.orderbars/js/jquery.flot.orderBars.js"></script>
    <script src="vendors/flot-spline/js/jquery.flot.spline.min.js"></script>
    <script src="vendors/flot.curvedlines/curvedLines.js"></script>
    <!-- DateJS -->
    <script src="vendors/DateJS/build/date.js"></script>
    <!-- JQVMap -->
    <script src="vendors/jqvmap/dist/jquery.vmap.js"></script>
    <script src="vendors/jqvmap/dist/maps/jquery.vmap.world.js"></script>
    <script src="vendors/jqvmap/examples/js/jquery.vmap.sampledata.js"></script>
    <!-- bootstrap-daterangepicker -->
    <script src="vendors/moment/min/moment.min.js"></script>
    <script src="vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
    <!-- Bootstrap 3 Datepicker v4 Docs [js] -->
    <script type="text/javascript" src="bower_components/moment/min/moment.min.js"></script>
    <script src="js/bootstrap/bootstrap.min.js"></script>
    <script type="text/javascript" src="bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
    <!-- Custom Theme Scripts -->
    <script src="build/js/custom.min.js"></script>
    <script type="text/javascript" src="js/datatable/jquery.dataTables.js"></script>
    <script type="text/javascript" src="js/datatable/dataTables.bootstrap.js"></script>
</body>
 
</html>

ประวัติการแก้ไข
2018-05-30 08:45:05

Date : 2018-05-30 08:44:29

By : nottpoo

No. 3

Chaidhanan

โพสกระทู้ ( 9,590 )
บทความ ( 2 )

เช็ค double quote ดูอีกทีครับ มันทำให้ tag เสีย

Date : 2018-05-30 09:17:42

By : Chaidhanan

No. 4

^-^

โพสกระทู้ ( 681 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 3 เขียนโดย : Chaidhanan เมื่อวันที่ 2018-05-30 09:17:42

รายละเอียดของการตอบ ::

เป็นการอาการเดิมคะพี่ Chaidhanan

ประวัติการแก้ไข
2018-05-30 11:36:22

Date : 2018-05-30 11:36:01

By : nottpoo

No. 5

Chaidhanan

โพสกระทู้ ( 9,590 )
บทความ ( 2 )

มีลิงค์ ไหมครับ ขอเข้าไปที่ลิงค์ ดีกว่า บางทีมันต้อง debug javascript

หรือลองใช้ เครื่องมือของ browser พวก web developer ตรวจสอบ error ดูก่อนก็ได้ครับ

Date : 2018-05-30 12:01:33

By : Chaidhanan

No. 6

^-^

โพสกระทู้ ( 681 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 5 เขียนโดย : Chaidhanan เมื่อวันที่ 2018-05-30 12:01:33

รายละเอียดของการตอบ ::

เดี๋ยวทักหลังไมค์นะ

Date : 2018-05-30 12:02:28

By : nottpoo

No. 7

Chaidhanan

โพสกระทู้ ( 9,590 )
บทความ ( 2 )

ที่ผิด datatable ต้องการจำนวน คอลัมน์ thead tbody tfoot ที่เท่ากัน

ความสมบูรณ์ของ tag มีความสำคัญ

Date : 2018-05-30 21:22:13

By : Chaidhanan

No. 8

^-^

โพสกระทู้ ( 681 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 7 เขียนโดย : Chaidhanan เมื่อวันที่ 2018-05-30 21:22:13
ทำได้แล้วคะ ตามที่พี่ Chaidhanan บอก เหตุผลที่ Tag ไม่สมบูรณ์เพราะยังไม่ได้เขียน Query คะ เลยใส่เฉพาะส่วนที่ เขียน Query แล้ว
เลยทำให้ Tag ไม่สมบูรณ์ แต่ว่าใน บาง Browser ก็ยังมี Error token อยู่นะคะ
เดี๋ยวค่อยหาวิธีแก้ทีหลัง เพราะ Tag มันทำงานได้แล้วคะ

Date : 2018-06-01 12:07:55

By : nottpoo

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : Data Tables Bootstrap 3 Laravel 5.6 ไม่ทำงาน รบกวนขอคำแนะนำคะ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Registered : 109,038

document.write("<font color=996600>[PHP]</font>"); [PHP] Data Tables Bootstrap 3 Laravel 5.6 ไม่ทำงาน รบกวนขอคำแนะนำคะ

No. 1

No. 2

No. 3

No. 4

No. 5

No. 6

No. 7

No. 8

ค้นหาข้อมูล

อัพโหลดแทรกรูปภาพ

Notice

[PHP] Data Tables Bootstrap 3 Laravel 5.6 ไม่ทำงาน รบกวนขอคำแนะนำคะ