first changes

Author: Saif Shaikh

jsx/DataTable.js

@@ -590,15 +590,9 @@ class DataTable extends Component {
               order: '1',
               padding: '5px 0',
             }}>
-              {this.props.t(
-                '{{pageCount}} rows displayed of {{totalCount}}.',
-                {
-                  pageCount: rows.length,
-                  totalCount: filteredCount,
-                }
-              )}
-              {changeRowsDropdown}
-            </div>
+               {`${rows.length} rows displayed of ${filteredCount}. `}
+               {changeRowsDropdown}
+             </div>
             <div style={{
               order: '2',
               display: 'flex',
@@ -643,20 +637,14 @@ class DataTable extends Component {
               order: '1',
               padding: '5px 0',
             }}>
-              {this.props.t(
-                '{{pageCount}} rows displayed of {{totalCount}}.',
-                {
-                  pageCount: rows.length,
-                  totalCount: filteredCount,
-                }
-              )}
-              {changeRowsDropdown}
-            </div>
-            <div style={{
-              order: '2',
-              padding: '5px 0',
-              marginLeft: 'auto',
-            }}>
+               {`${rows.length} rows displayed of ${filteredCount}. `}
+               {changeRowsDropdown}
+             </div>
+             <div style={{
+               order: '2',
+               padding: '5px 0',
+               marginLeft: 'auto',
+             }}>
               <PaginationLinks
                 Total={filteredCount}
                 onChangePage={this.changePage}