WEBAPP: P8PDataGrid - возможность управления стилем корневого контейнера

app/components/p8p_data_grid.js

@@ -36,6 +36,7 @@ const P8P_DATA_GRID_FILTERS_HEIGHT = P8P_TABLE_FILTERS_HEIGHT;
 
 //Таблица данных
 const P8PDataGrid = ({
+    style = {},
     columnsDef = [],
     filtersInitial,
     groups = [],
@@ -114,6 +115,7 @@ const P8PDataGrid = ({
     //Генерация содержимого
     return (
         <P8PTable
+            style={style}
             columnsDef={columnsDef}
             groups={groups}
             rows={rows}
@@ -154,6 +156,7 @@ const P8PDataGrid = ({
 
 //Контроль свойств - Таблица данных
 P8PDataGrid.propTypes = {
+    style: PropTypes.object,
     columnsDef: PropTypes.array,
     filtersInitial: PropTypes.arrayOf(P8P_DATA_GRID_FILTER_SHAPE),
     groups: PropTypes.array,

app/components/p8p_table.js

@@ -486,6 +486,7 @@ P8PTableFiltersChips.propTypes = {
 
 //Таблица
 const P8PTable = ({
+    style = {},
     columnsDef = [],
     groups = [],
     rows = [],
@@ -700,7 +701,7 @@ const P8PTable = ({
 
     //Генерация содержимого
     return (
-        <div>
+        <div style={{ ...(style || {}) }}>
             {displayHintColumn ? (
                 <P8PTableColumnHintDialog columnDef={displayHintColumnDef} okBtnCaption={okFilterBtnCaption} onOk={handleHintOk} />
             ) : null}
@@ -898,6 +899,7 @@ const P8PTable = ({
 
 //Контроль свойств - Таблица
 P8PTable.propTypes = {
+    style: PropTypes.object,
     columnsDef: PropTypes.arrayOf(
         PropTypes.shape({
             name: PropTypes.string.isRequired,