troubleshooting Question

Data Tables Select

Avatar of Peter Kroman
Peter KromanFlag for Denmark asked on
CSSHTML* tables
14 Comments1 Solution289 ViewsLast Modified:

I am trying to get Data Tables Select working on this page

I have downloaded the Select extension (Select - 1.2.4) and uploaded it to my page, and I have set select to true in the scripts. But it is not working. Can anybody help with this :)

I have this main file which I believe is the one we should look into :)
ini_set('display_errors', 1);

<!DOCTYPE html>
<html lang="da">
  <!-- Check for title--> 
  <title>Dansk Kancelli</title>

  <meta charset="utf-8" lang="da">

  <link rel="stylesheet" href="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="style.css">    
  <link rel="stylesheet" href="">
  <script src=""></script>


  <link rel="stylesheet" type="text/css" href="" />

  <script type="text/javascript" src=""></script>

  <script type="text/javascript">
  $(document).ready(function() {
    $('#tdata').dataTable( {
      select: true,
    } );
  } );


 <!-- Page content start-->        
 <div class="w3-row" style="overflow: auto">

  <!-- Main page start-->  

  <div class="w3-row">
    <!-- Column1 start-->         
    <div class="w3-col w3-mobile" style="width:80%; margin-top: 10px; margin-left: 20px; margin-bottom:10px; padding-bottom: 10px;"> <br>

      <div id="KcList" class='list' ></div>

      <hr style= 'border-color: #9F5584; margin-bottom:0px; margin-top:0px;'>
      <div class="w3-row"> <!-- for content inside this column -->
    <!-- Column1, end-->

    <!-- Column3 start--> 
    <div class="w3-col w3-mobile" style="width:15%; margin-top: 10px; margin-left: 10px; margin-bottom:10px;"> 
      <div class="container" style="border: 1px solid #666666; margin-top: 20px; margin-bottom: 20px;"><h5>Interessante og meget anvendte arkivalier, herunder fra Dansk Kancelli, Suppliker og Registre og Tegnelser</h5>
      <img src= "Praest_der_laeser.png" alt="Slægtsforsker" style="width:100%; border: solid 1px #cccccc;"> 
    <!-- Column3 end--> 

    $('#KcList > table').remove();    
     url: 'ajaxFtListHtml.php',
       //data: $('#search').serialize(),
       dataType: 'html'
     }).done(function (res){             
      $('#tdata').DataTable({select: true, searching: true, paging: false, info: false, "dom": '<"top"<if>', order: []});

   <!-- Main page end--> 

<!-- Page content end-->  
Join our community to see this answer!
Unlock 1 Answer and 14 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 14 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros