"There are no records to display" displayed on the left

[bingxueyinlian]

When there is a column named "Management Records", how does the message "There are no records to display" displayed on the left

I set the column freeze='Right'

<e-column

            headerText='Manage Records'

            width='200'

            textAlign="Center"

            freeze='Right'

          ></e-column>

Attachment: App_a57ff795.zip

[Balaji Sekar]

Hi bingxueyinlian,  

  

Thanks for contacting the Syncfusion support.  

  

By default, in EJ2 Grid we rendered separate tables for both frozen and movable parts in the Grid and in which the empty row message (“No records to display”) always shown in the frozen part if the frozen columns existed in the Grid and we have shown the empty row message in the movable part based on your requirement. 

  

Refer to the below code example and sample for more information.  

  

[App.Vue] 

  dataBound: function () { 

      var grid = this.$refs.grid.$el.ej2_instances[0];  

      if (grid.isFrozenGrid() && !grid.getCurrentViewRecords().length) { 

        var td = grid.element 

          .querySelector(".e-movablecontent") 

          .querySelector("tr") 

          .querySelector("td"); 

        td.innerText = "No records to display"; 

        td.setAttribute("colspan", 2); 

  

        grid.element 

          .querySelector(".e-frozencontent") 

          .querySelector("tr") 

          .querySelector("td").innerText = ""; 

      } 

    }, 

  

Sample link: https://codesandbox.io/s/vue-template-forked-205be?file=/src/App.vue:1454-2010  

  

Please get back to us, if you need further assistance. 

  

Regards, 

Balaji Sekar