Search
43745 results 7261-7270
Forum
- 13th Feb 2015Passing data between table in different pageHi, I've an important question. I need to pass the selected row in a datatable in a new datatable prensent in a popup windows. How I can do it? Can you help me please?
- 28th Jan 2015How would i display sPdfMessage in Html Table Format?e.g I want to display PartyName in 1st Cell and Company Name in 2nd Cell of HtmlTable as sPdfMessage! Is It Possible to append Html Tags with sPdfMessage?
- 16th Jan 2015Apply table cell to specific stylehow to apply row's td to css class from json data.
- 6th Jan 2015I'm having a problem changing the default sort order on a table.I've used the example from the documentation - $(document).ready(function() { $('#example').dataTable( { "order": [[ 3, "desc" ]] } ); } ); But it still the first column which is being sorted. any idea where I am going wrong?
- 3rd Jan 2015search is not working in jquery datatables with dynamically populated tableI am having trouble with datatable search ,even though data is present in datatable search always shows "No matching records found" . I am using jquery datatable plugin. I am populating some column's data dynamically and creating some columns for user to input some data later on . Here is the snippet of my code : - <script src="media/js/jquery.js"></script> <script type="text/javascript" src="js/jquery.min.js"></script> <script src="media/js/jquery.dataTables.js"></script> <link href="media/css/jquery.dataTables.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/bootstrap.min.js"></script> <link rel="stylesheet" href="css/bootstrap.min.css"> <script src="extensions/Plugins/integration/bootstrap/3/dataTables.bootstrap.js"></script> <link rel="stylesheet" href="css/bootstrap-multiselect.css" type="text/css"> <script type="text/javascript" src="js/bootstrap-multiselect.js"></script> <link rel="stylesheet" href="css/bootstrap-theme.min.css"> <script> $(document).ready(function() { $('#dbResultsTable').dataTable( { "bJQueryUI": true, "sPaginationType": "full_numbers" , "paging": true, "ordering" : false, "scrollY":false, "autoWidth": true, "info": true , "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]], "dom": '<"top"iflp<"clear">>rt<"bottom"iflp<"clear">>' } ); $('.companyNamesClass').multiselect({ enableFiltering: true }), $('#dbResultsTable').on('draw.dt', function () { $('.companyNamesClass').multiselect({ enableFiltering: true, }); }); }); </script> <body> <table width="1698" cellspacing="0" class="elements" id="dbResultsTable" > <thead> <tr bgcolor="#33FFFF"> <th>Student</th> <th>BranchName</th> <th>Year</th> <th>Company</th> <th>Pkg</th> </thead> <tbody> <c:forEach var="indexMap" items="${requestScope.studentMap}"> <tr><td><input type="textbox" value="${indexMap.key}"></td> <td><input type="texbox" value="${resultMap.value}"></td> <td>2010</td> <td> <select name="compnayNames[]" class="companyNamesClass" multiple="multiple"> <option value="Apple">Apple</option> <option value="Google">Goolge</option> <option value="Tata">Tata</option> <option value="IBM">IBM</option> <option value="Other">Others</option> </select> </td> <td><input type="textbox"></td> </tr> </c:forEach> </tbody> </table> </body>
- 18th Dec 2014Fixed column width overlapping tableI'm using dataTables on two different web pages but it's behaving differently on each. One page works fine and as expected, here: http://www.huts.org/cohutsyurts/amenities.php . The other page had the fixed column on the left overlapping and not lining up correctly with the thead and other td's in the row, here: http://www.huts.org/Reservations/Hut_Amenities.php . The second page does have an additional stylesheet but I haven't found any conflicting styles being applied by it yet. I don't expect anyone to debug this obviously, I was just wondering if this is a common problem or one that has a known fix or anything.
- 15th Dec 2014Data table filterI am using Individual column searching (select inputs). I was wondering is it possible to set filter for specific columns, not all of them? Script I am using: $(document).ready(function() { $('#table').DataTable( { initComplete: function () { var api = this.api(); api.columns().indexes().flatten().each( function ( i ) { var column = api.column( i ); var select = $('<select><option value=""></option></select>') .appendTo( $(column.header()).empty() ) .on( 'change', function () { var val = $.fn.dataTable.util.escapeRegex( $(this).val() ); column .search( val ? '^'+val+'$' : '', true, false ) .draw(); } ); column.data().unique().sort().each( function ( d, j ) { select.append( '<option value="'+d+'">'+d+'</option>' ) } ); } ); } } ); } );
- 9th Dec 2014How style data table dropdown arrow ?I have tried to overide the default dropdown arrow of datatable with CSS. However, javascript override the css.
- 9th Dec 2014DataTables warning (table id = 'insrecord'): Added data (size 4) does not match known number of coluSomebody please look into this . Its driving me nuts http://stackoverflow.com/questions/27381226/datatables-warning-table-id-insrecord-added-data-size-4-does-not-match
- 19th Nov 2014Data table sorting issue in Firefox with the date format M-d-yyyyHi, I am using the plugin code at https://datatables.net/plug-ins/sorting/date-de In our application we support all different date formats. I have modified the date-de.js to meet our requirements. But For the date format "M-d-yyyy", the data is not getting sorted correctly in firefox. But it is sorting correctly in internet Explorer and chrome. Can you please look into this and let me know if you need more information. Sample test data: Below is the order of the dates which I am getting in firefox. 9-29-2014 11-7-2014 10-30-2014 Where as in Internet Explorer and Chrome the correct order is getting displayed: 11-7-2014 10-30-2014 9-29-2014 I am testing in 1)InternetExplorer Version 8.0.7601.17514 2)Chrome 10-30-2014 Version 38.0.2125.111 m 3)And Firefox 24.8.1 ESR and FireFox 30.0--->In both these versions the sorting is not working fine, More information: I have changed the above "date-de.js" to handle the "-" in the date as follows: else if (a.indexOf('-') > 0) { var deDatea = $.trim(a).split('-'); if (deDatea[1].length == 1) { deDatea[1] = 0 + deDatea[1]; } if (deDatea[2].length == 1) { deDatea[2] = 0 + deDatea[2]; } x = (deDatea[2] + deDatea[1] + deDatea[0]) * 1; } The problem is I am getting the dates getting compared and sorted correctly within the modified version of the https://datatables.net/plug-ins/sorting/date-de, seems the firefox is overriding the final result. Can you please look into this issue with FireFox? Please let me know if you need more information. Thanks, Siddi Khadar.