vendredi 22 novembre 2019

Bootstrap collapse with change data in laravel

This is my table code and data view but problem is when i click particular view data show same, not change...Like I click first row, its show data but when i click second row same data show, how can i change data view in foreach loop? I am little bit stuck here

<table id="dtBasicExample" class="table table-striped table-bordered table-sm  table table-condensed" cellspacing="0" width="100%" style="border-collapse:collapse;">
  <thead>
    <tr>
        <th class="th-sm">Sport Id</th>
        <th class="th-sm">Gender</th>
        <th class="th-sm">Location</th>
        <th class="th-sm">Country</th>
        <th class="th-sm">State</th>
        <th class="th-sm">City</th>
        <th class="th-sm">Action</th>

    </tr>
  </thead>
  <tbody>
   @foreach ($challenges as $challenge)
        <tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle">
                  <td><button class="btn btn-default btn-xs"><span class="glyphicon glyphicon-eye-open"></span></button></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
       
        <div colspan="12" class="hiddenRow"><div class="accordian-body collapse" id="demo1"> 
                sport
gender
location
country
state
city
date
desc
time
invite
refree</div>
  
                <td><a rel="tooltip" title="" class="btn btn-simple btn-danger btn-icon table-action remove" href="javascript:void(0)" data-original-title="Remove"><i class="ti-pencil"></i></a>
           <a rel="tooltip" title="" class="btn btn-simple btn-danger btn-icon table-action remove" href="javascript:void(0)" data-original-title="Remove"><i class="ti-close"></i></a>
           
           </td>
                </tr>
    @endforeach
  </tbody>
  <tfoot>
    <tr>
      <th>sport_id
      </th>
      <th>gender_id
      </th>
      <th>location
      </th>
      <th>country
      </th>
      <th>state
      </th>
      <th>city
      </th>
      <th>action
      </th>
    </tr>
  </tfoot>
</table>


via Chebli Mohamed

Aucun commentaire:

Enregistrer un commentaire