сн 12.38-40
сн 12.38
</tbody>
</table>
<br><br><hr>
<a href='/ru' id='back'>Main</a>&nbsp;
<a href='/ru/read.php'>Read</a>&nbsp;
<a href='/assets/diff'>SuttaDiff</a>&nbsp;
<a href='/ru/history.php'>History</a>&nbsp;
<a href="/ru/result/sn-12.38_suttanta_thru-ru_2-2.html">Quotes</a>

     </tbody> 
    </table>
</div>

<script type="text/javascript" src="/assets/js/typeahead/bootstrap3-typeahead.min.js"></script>
    <script type='text/javascript'>
   $(document).ready(function() {
   var dataSrc = [];
   
     var filterValue = new URLSearchParams(window.location.search).get('s');
     
	 var table = $('#pali').DataTable({
	   'autoWidth': true,
	   'stateSave': true,
	   	       dom: '<"row"lf>r<t><"row"ip><Q>',
	   'paging'  : true,
	         "search": {
    "caseInsensitive": true,
        "smart": true
  },
	   "orderMulti": true,
	   'pageLength' : 28,
	   'lengthMenu' : [10, 28, 50, 100, 1000],
	   'responsive': true,
	    'colReorder': true,
	   'columnDefs': [
	            { type: "html", target: [0] },
	            { type: 'natural', targets: 2 },
        {
            targets: [1],
            orderData: [1, 2],
            orderSequence: ['desc', 'asc'] 
        },
        {
            targets: [2],
            orderData: [2, 1],
            orderSequence: ['desc', 'asc'] 
        }
					],
      'initComplete': function(){
         var api = this.api();
 
         // Populate a dataset for autocomplete functionality
         api.cells('tr', [0, 1, 2, 3]).every(function(){
            //var data = this.data().replace( /(<([^>]+)>)/ig, '');
            var data = $('<div>').html(this.data()).text();
          //  console.log(data);
            if(dataSrc.indexOf(data) === -1){ dataSrc.push(data); }
         });

         // Initialize Typeahead plug-in
         $('.dataTables_filter input[type="search"]', api.table().container())
            .typeahead({
              autoSelect: false,
               source: dataSrc,
               afterSelect: function(value){
                  api.search(value).draw();
               }
            }
         );
      }
   });			
          if (filterValue) {
        table.search(filterValue).draw();
        var currentUrl = new URL(window.location.href);
        currentUrl.searchParams.delete('s');
        history.replaceState({}, '', currentUrl);
}
    // Handle click on "Expand All" button
    $('#btn-show-all-children').on('click', function(){
        // Expand row details
        table.rows(':not(.parent)').nodes().to$().find('td:first-child').trigger('click');
    });
    // Handle click on "Collapse All" button
    $('#btn-hide-all-children').on('click', function(){
        // Collapse row details
        table.rows('.parent').nodes().to$().find('td:first-child').trigger('click');
    });
});
  </script>
  <script src="/assets/js/themeswitch.js"></script>
      <script defer>
           //to enable bootstrap tooltip    
$(function () {
        $('[data-bs-toggle="tooltip"]').tooltip();
    });
</script>    


</body>
</html>