Columns with value "0" are showing as null / blank

[Ashish]

hi,

Numeric columns with the value "0" are showing as empty. Here is the code.  The first column is an integer (primary key) with value starting from 0. I have ensured that the data is correctly reaching the grid

        

Attaching my code

 

   

     

     

     

       

       

     

   

 

[Ashish]

  <div class="control-section">

    <ejs-grid id="Grid" dataSource="@ViewBag.dataSource" toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Update", "Cancel" })" allowPaging="true">

      <e-grid-editSettings allowAdding="true" allowDeleting="true" allowEditing="true" mode="Dialog"></e-grid-editSettings>

      <e-grid-pagesettings pageCount="5"></e-grid-pagesettings>

      <e-grid-columns>

        <e-grid-column field="TitleId" headerText="Title ID" isPrimaryKey="true" width="120"></e-grid-column>

        <e-grid-column field="TitleName" headerText="Title Name" validationRules="@(new { required=true})" width="150"></e-grid-column>

      </e-grid-columns>

    </ejs-grid>

  </div>