With ngx-datatable, Is it possible to have one column headers for two columns?











up vote
0
down vote

favorite












I'm trying to create an ngx-datatable column. I need a single column header for two columns (Please see screenshot). Is this possible?



Example screenshot










share|improve this question






















  • What I ended up doing was having the second column have a blank header and removing the border. Not a work-around I was thrilled with, but it worked,
    – Todd Fishburg
    Nov 8 at 15:04















up vote
0
down vote

favorite












I'm trying to create an ngx-datatable column. I need a single column header for two columns (Please see screenshot). Is this possible?



Example screenshot










share|improve this question






















  • What I ended up doing was having the second column have a blank header and removing the border. Not a work-around I was thrilled with, but it worked,
    – Todd Fishburg
    Nov 8 at 15:04













up vote
0
down vote

favorite









up vote
0
down vote

favorite











I'm trying to create an ngx-datatable column. I need a single column header for two columns (Please see screenshot). Is this possible?



Example screenshot










share|improve this question













I'm trying to create an ngx-datatable column. I need a single column header for two columns (Please see screenshot). Is this possible?



Example screenshot







angular ngx-datatable






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 7 at 20:31









Todd Fishburg

55




55












  • What I ended up doing was having the second column have a blank header and removing the border. Not a work-around I was thrilled with, but it worked,
    – Todd Fishburg
    Nov 8 at 15:04


















  • What I ended up doing was having the second column have a blank header and removing the border. Not a work-around I was thrilled with, but it worked,
    – Todd Fishburg
    Nov 8 at 15:04
















What I ended up doing was having the second column have a blank header and removing the border. Not a work-around I was thrilled with, but it worked,
– Todd Fishburg
Nov 8 at 15:04




What I ended up doing was having the second column have a blank header and removing the border. Not a work-around I was thrilled with, but it worked,
– Todd Fishburg
Nov 8 at 15:04












2 Answers
2






active

oldest

votes

















up vote
0
down vote



accepted










Yes, canonical rowspan / colspan is not there with ngx-datatable, but one can either:




  • Pre-format the data accordingly, like: item.data1 + " " + item.data2

  • Use templates as in this example.






share|improve this answer




























    up vote
    0
    down vote













    Here and here are two links to people requesting this functionality. Looks like this was a feature that a lot of people have been asking for, but ngx-datatable has lost momentum with keeping up with feature requests. If the feature is absolutely required, I would try to find a different library, or create your own wrapper around ngx-datatable.






    share|improve this answer





















      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: true,
      showLowRepImageUploadWarning: true,
      reputationToPostImages: 10,
      bindNavPrevention: true,
      postfix: "",
      imageUploader: {
      brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
      contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
      allowUrls: true
      },
      onDemand: true,
      discardSelector: ".discard-answer"
      ,immediatelyShowMarkdownHelp:true
      });


      }
      });














       

      draft saved


      draft discarded


















      StackExchange.ready(
      function () {
      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53197363%2fwith-ngx-datatable-is-it-possible-to-have-one-column-headers-for-two-columns%23new-answer', 'question_page');
      }
      );

      Post as a guest















      Required, but never shown

























      2 Answers
      2






      active

      oldest

      votes








      2 Answers
      2






      active

      oldest

      votes









      active

      oldest

      votes






      active

      oldest

      votes








      up vote
      0
      down vote



      accepted










      Yes, canonical rowspan / colspan is not there with ngx-datatable, but one can either:




      • Pre-format the data accordingly, like: item.data1 + " " + item.data2

      • Use templates as in this example.






      share|improve this answer

























        up vote
        0
        down vote



        accepted










        Yes, canonical rowspan / colspan is not there with ngx-datatable, but one can either:




        • Pre-format the data accordingly, like: item.data1 + " " + item.data2

        • Use templates as in this example.






        share|improve this answer























          up vote
          0
          down vote



          accepted







          up vote
          0
          down vote



          accepted






          Yes, canonical rowspan / colspan is not there with ngx-datatable, but one can either:




          • Pre-format the data accordingly, like: item.data1 + " " + item.data2

          • Use templates as in this example.






          share|improve this answer












          Yes, canonical rowspan / colspan is not there with ngx-datatable, but one can either:




          • Pre-format the data accordingly, like: item.data1 + " " + item.data2

          • Use templates as in this example.







          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered Nov 7 at 20:46









          muradm

          717419




          717419
























              up vote
              0
              down vote













              Here and here are two links to people requesting this functionality. Looks like this was a feature that a lot of people have been asking for, but ngx-datatable has lost momentum with keeping up with feature requests. If the feature is absolutely required, I would try to find a different library, or create your own wrapper around ngx-datatable.






              share|improve this answer

























                up vote
                0
                down vote













                Here and here are two links to people requesting this functionality. Looks like this was a feature that a lot of people have been asking for, but ngx-datatable has lost momentum with keeping up with feature requests. If the feature is absolutely required, I would try to find a different library, or create your own wrapper around ngx-datatable.






                share|improve this answer























                  up vote
                  0
                  down vote










                  up vote
                  0
                  down vote









                  Here and here are two links to people requesting this functionality. Looks like this was a feature that a lot of people have been asking for, but ngx-datatable has lost momentum with keeping up with feature requests. If the feature is absolutely required, I would try to find a different library, or create your own wrapper around ngx-datatable.






                  share|improve this answer












                  Here and here are two links to people requesting this functionality. Looks like this was a feature that a lot of people have been asking for, but ngx-datatable has lost momentum with keeping up with feature requests. If the feature is absolutely required, I would try to find a different library, or create your own wrapper around ngx-datatable.







                  share|improve this answer












                  share|improve this answer



                  share|improve this answer










                  answered Nov 7 at 20:41









                  rhavelka

                  437215




                  437215






























                       

                      draft saved


                      draft discarded



















































                       


                      draft saved


                      draft discarded














                      StackExchange.ready(
                      function () {
                      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53197363%2fwith-ngx-datatable-is-it-possible-to-have-one-column-headers-for-two-columns%23new-answer', 'question_page');
                      }
                      );

                      Post as a guest















                      Required, but never shown





















































                      Required, but never shown














                      Required, but never shown












                      Required, but never shown







                      Required, but never shown

































                      Required, but never shown














                      Required, but never shown












                      Required, but never shown







                      Required, but never shown







                      這個網誌中的熱門文章

                      Xamarin.form Move up view when keyboard appear

                      Post-Redirect-Get with Spring WebFlux and Thymeleaf

                      Anylogic : not able to use stopDelay()