chore: improve Row Detail demos

Author: ghiscoding

with-i18n-translate/src/examples/slickgrid/Example19-detail-view.tsx

@@ -63,7 +63,7 @@ const Example19DetailView: React.FC<RowDetailViewProps<Item, any>> = ({ model, a
           <label>Reporter:</label> <span>{model.reporter}</span>
         </div>
         <div className="col-3 detail-label">
-          <label>Duration:</label> <span>{model.duration || 0}</span>
+          <label>Duration:</label> <span>{model.duration}</span>
         </div>
         <div className="col-3 detail-label">
           <label>% Complete:</label> <span>{model.percentComplete}</span>

with-i18n-translate/src/examples/slickgrid/Example19.tsx

@@ -50,8 +50,6 @@ const Example19: React.FC = () => {
         id: 'duration',
         name: 'Duration (days)',
         field: 'duration',
-        formatter: Formatters.decimal,
-        params: { minDecimal: 1, maxDecimal: 2 },
         sortable: true,
         type: 'number',
         minWidth: 90,
@@ -200,7 +198,7 @@ const Example19: React.FC = () => {
       tmpData[i] = {
         rowId: i,
         title: 'Task ' + i,
-        duration: i % 33 === 0 ? null : Math.random() * 100 + '',
+        duration: i % 33 === 0 ? null : Math.floor(Math.random() * 100) + 1,
         percentComplete: randomPercent,
         percentComplete2: randomPercent,
         percentCompleteNumber: randomPercent,

with-i18n-translate/src/examples/slickgrid/Example47-detail-view.tsx

@@ -66,7 +66,7 @@ const Example47DetailView: React.FC<RowDetailViewProps<Item, any>> = (props) =>
           <label>Reporter:</label> <span>{props.model.reporter}</span>
         </div>
         <div className="col-3 detail-label">
-          <label>Duration:</label> <span>{props.model.duration || 0}</span>
+          <label>Duration:</label> <span>{props.model.duration}</span>
         </div>
         <div className="col-3 detail-label">
           <label>% Complete:</label> <span>{props.model.percentComplete}</span>