?? GreyFile — Mystic File Browser

Current path: home/webdevt/cryptoimpot.fr/module/Application/view/application/partial/ledgio/


?? Go up: /home/webdevt/cryptoimpot.fr/module/Application/view/application/partial

?? Viewing: table.phtml


<?php
//$this->HeadLink()
//        ->appendStylesheet('https://kendo.cdn.telerik.com/2019.1.220/styles/kendo.common.min.css');
$this->headScript()
        ->appendFile('/dist/js/colResizable-1.6.min.js')
        ->appendFile('/dist/js/jquery.floatThead.min.js');
?>

<script type="text/javascript">
     
    $(function () {
        
       

   

//$("#mytable").colResizable({liveDrag: true});

        $("#mytable").colResizable({

            // 'fit', 'flex' or 'overflow'
            resizeMode: 'fit',

            // css-class used when a grip is being dragged (for visual feedback purposes)
            //draggingClass: 'JCLRgripDrag',

            // if it is required to use a custom grip it can be done using some custom HTML    
            gripInnerHtml: '', //if it is required to use a custom grip it can be done using some custom HTML        

            // enables table-layout updating while dragging  
            liveDrag: false,

            // minimum width value in pixels allowed for a column 
            minWidth: 80,

            // specifies that the size of the the column resizing anchors will be bounded to the size of the first row 
            headerOnly: false,

            // cursor to be used on grip hover
            hoverCursor: "col-resize",

            // cursor to be used while dragging
            dragCursor: "col-resize",

            // when it is enabled, table layout can persist after postback or page refresh. 
            // it requires browsers with sessionStorage support (it can be emulated with sessionStorage.js).  
            postbackSafe: false,

            // when postbakSafe is enabled, and it is required to prevent layout restoration after postback, 'flush' will remove its associated layout data 
            flush: false,

            // in case the table contains any margins, colResizable needs to know the values used, e.g. "10%", "15em", "5px" ...     
            marginLeft: null,

            // in case the table contains any margins, colResizable needs to know the values used, e.g. "10%", "15em", "5px" ...
            marginRight: null,

            // disables all the enhancements performed in a previously colResized table  
            disable: false,

            // can be used in combination with postbackSafe when the table is inside of an up<a href="https://www.jqueryscript.net/time-clock/">date</a>Panel
            partialRefresh: false,

            // column indexes to be excluded
            disabledColumns: [],

            // for some uses (such as multiple range slider), it is advised to set this modifier to true, it will remove padding from the header cells. 
            removePadding: true

        }).floatThead({
            position: 'fixed'
        });

        
        
         var resizeId;

    $(".floatThead-container").on( "resize", function( event, ui ) {

        //Disabeling floatThead removes the min-width on the table
        $("mytable").floatThead('destroy');

        //Fire function after resizing is finished
        clearTimeout(resizeId);
        resizeId = setTimeout(doneResizing, 500);           

    });
    
    function doneResizing(){
        //Initiate floatThead again         
        $('mytable').floatThead({
            position: 'fixed'
        }); 
    }   


//        $("#mytable").colResizable({
//            liveDrag: true,
//            gripInnerHtml: "<div class='grip'></div>",
//            draggingClass: "dragging",
//            resizeMode: 'fit'
//        });
//
//        $("#mytable").colResizable({
//            liveDrag: true,
//            gripInnerHtml: "<div class='grip'></div>",
//            draggingClass: "dragging",
//            resizeMode: 'flex'
//        });
//        $("#overflow").colResizable({
//            liveDrag: true,
//            gripInnerHtml: "<div class='grip'></div>",
//            draggingClass: "dragging",
//            resizeMode: 'overflow'
//        });
//
//        $("#mytable").colResizable({
//            liveDrag: true,
//            gripInnerHtml: "<div class='grip'></div>",
//            draggingClass: "dragging",
//            resizeMode: 'overflow',
//            disabledColumns: [2]
//        });

    });
</script>

<table id="mytable" class="table table-bordered table-striped">

    <?php
    echo $this->partial('application/partial/ledgio/table-row-header.phtml', array(
        'queryOption' => $this->queryOption,
        'colTable' => $tableOptions['colTable'],
    ))
    ?>

    <tbody>

        <?php foreach ($paginator->getCurrentItems() as $item) : ?>
            <?php
            echo $this->partial('application/partial/ledgio/table-row.phtml', array(
                //'options' => $tableOptions['partialRow']['options'],
                'item' => $item,
                'userId' => (isset($tableOptions['partialRow']['userId'])) ? $tableOptions['partialRow']['userId'] : null,
                    //'warningMessage' => (!empty($this->warningLedgio[$item->getId()]) ? $this->warningLedgio[$item->getId()] : '')
            ));
            ?>
        <?php endforeach; ?>


    </tbody>
</table>

??

??