Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
45
how align div combo template in iggrid cell?
posted

 hi,

I have combo template like below and need to align the whole thing to the right inside the iggrid cell,

how to do it?                       

     pagerRendered: function (evt, ui) {

                                               var dataSource = ui.dataSource.recordsForPage(ui.owner.pageIndex());

                                               $.each(dataSource, function (index, row) {

                                                     $("#grdlist_" + row.ProductID).igCombo({

                                                            dataSource: comboData,

                                                            textKey: "Name",

                                                            valueKey: "Name",

                                                            width: "200px",

                                                            autoComplete: true,

                                                            enableClearButton: false,

                                                            initialSelectedItems: [{ index: 0 }]

                                                     });

............................

                           rendered: function (evt, ui) {

                                 tmpl = "<div id=grdlist_${ProductID}></div>";

                                 $('#grid1').igGrid('setColumnTemplate', 'Name', tmpl);

                                 $("#grid").igGrid("dataBind");

                           }

  • 17530
    Verified Answer
    Offline posted

    Hello Ronny,

    Thank you for posting in our community.

    What I can suggest for aligning a div in grid cell is setting float css option to right. This way the element floats to the right of its container. For example:

     <style>
         .combo {
                 float: right;
         }
     </style>

    …..

    "<div id=grdlist_${ProductID} class='combo'></div>"

    Please test this on your side and let me know if you need any further assistance with this matter.