Home Angularjs Datatable ColumnFixed plugin
Reply: 0

Angularjs Datatable ColumnFixed plugin

user42796
1#
user42796 Published in September 20, 2018, 5:22 pm

I am struggling with one of the angular-datatable plugins named columnFixed. The whole grid was working charming and nice but I need to introduce 3 columns fixed and that affect the render process of 3 inner directives that I render in my first 4 columns. Does anyone have any idea about this type of issues?

HTML

<article>
<table 
       datatable="" 
       dt-options="$ctrl.dtOptions" 
       dt-column-defs="$ctrl.dtColumnDefs" 
       dt-columns="$ctrl.dtColumns"  
       dt-instance="$ctrl.dtInstance" >
</table>

</article>

AngularJS

 $ctrl.dtOptions = DTOptionsBuilder
        .newOptions()
        .withFnServerData(serverData)
        .withDataProp('data')
        .withOption('responsive', $ctrl.options.isResponsive)
        .withOption('filter', $ctrl.options.dtFilter)
        .withOption('serverSide', true)
        .withOption('dom', '<"top"l>rt<"bottom"ip><"clear">')
        .withOption('aaSorting', [[$ctrl.options.sortBy.columnIndex, 
                                   $ctrl.options.sortBy.order]])
        .withOption('createdRow', onCreatedRow)
        .withOption('headerCallback',headerCallback)
        .withPaginationType($ctrl.options.dtPaginationTypeName)
        .withOption('lengthMenu',  [5,10,15,[5,10,15])   
        .withOption('scrollY', '300px')
        .withOption('scrollX', '100%')
        .withOption('scrollCollapse', true)                             
        .withOption('fixedColumns',{
                     leftColumns: 3 
        });


        $ctrl.dtColumnDefs = [
            DTColumnDefBuilder.newColumnDef(0).renderWith(checkForSelection),           
            DTColumnDefBuilder.newColumnDef(1).renderWith(directive1),
            DTColumnDefBuilder.newColumnDef(2).renderWith(directive2),
            DTColumnDefBuilder.newColumnDef(3).renderWith(directive3),
            DTColumnDefBuilder.newColumnDef(4).renderWith(getOwner),
            DTColumnDefBuilder.newColumnDef(5)                   
        ];                  
        //Load this from a promise    
        $ctrl.dtColumns = dtOptionService.getColumnsByGridName($ctrl.gridName).$promise;   
        $ctrl.dtInstance = {};        
share|improve this question

active oldest votes

Your Answer

StackExchange.ifUsing("editor", function () { StackExchange.using("externalEditor", function () { StackExchange.using("snippets", function () { StackExchange.snippets.init(); }); }); }, "code-snippets"); StackExchange.ready(function() { var channelOptions = { tags: "".split(" "), id: "1" }; initTagRenderer("".split(" "), "".split(" "), channelOptions); StackExchange.using("externalEditor", function() { // Have to fire editor after snippets, if snippets enabled if (StackExchange.settings.snippets.snippetsEnabled) { StackExchange.using("snippets", function() { createEditor(); }); } else { createEditor(); } }); function createEditor() { StackExchange.prepareEditor({ heartbeatType: 'answer', convertImagesToLinks: true, noModals: false, showLowRepImageUploadWarning: true, reputationToPostImages: 10, bindNavPrevention: true, postfix: "", onDemand: true, discardSelector: ".discard-answer" ,immediatelyShowMarkdownHelp:true }); } });
 
StackExchange.ready( function () { StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f48772436%2fangularjs-datatable-columnfixed-plugin%23new-answer', 'question_page'); } );

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Browse other questions tagged javascript jquery angularjs datatables-1.10 or ask your own question.

StackExchange.ready(function(){$.get('/posts/48772436/ivc/9921');});
StackExchange.ready(function () { StackExchange.responsiveness.addSwitcher(); }) (function(i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function() { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m); })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); StackExchange.ready(function () { StackExchange.ga.init({ sendTitles: true, tracker: window.ga, trackingCodes: [ 'UA-108242619-1' ] }); StackExchange.ga.setDimension('dimension2', '|javascript|jquery|angularjs|datatables-1.10|'); StackExchange.ga.setDimension('dimension3', 'Questions/Show'); StackExchange.ga.trackPageView(); }); /**/ var _qevents = _qevents || [], _comscore = _comscore || []; (function() { var ssl = 'https:' == document.location.protocol, s = document.getElementsByTagName('script')[0], qc = document.createElement('script'); qc.async = true; qc.src = (ssl ? 'https://secure' : 'http://edge') + '.quantserve.com/quant.js'; s.parentNode.insertBefore(qc, s); _qevents.push({ qacct: "p-c1rF4kxgLUzNc" }); /**/ var sc = document.createElement('script'); sc.async = true; sc.src = (ssl ? 'https://sb' : 'http://b') + '.scorecardresearch.com/beacon.js'; s.parentNode.insertBefore(sc, s); _comscore.push({ c1: "2", c2: "17440561" }); })();
You need to login account before you can post.

About| Privacy statement| Terms of Service| Advertising| Contact us| Help| Sitemap|
Processed in 0.306449 second(s) , Gzip On .

© 2016 Powered by mzan.com design MATCHINFO