Browse Source

PR #500, replace ui.table with new QTable component

Falko Schindler 2 years ago
parent
commit
0b731e2236
4 changed files with 7 additions and 9 deletions
  1. 1 1
      examples/table_and_slots/main.py
  2. 2 2
      nicegui/elements/table.py
  3. 1 3
      nicegui/ui.py
  4. 3 3
      website/reference.py

+ 1 - 1
examples/table_and_slots/main.py

@@ -17,7 +17,7 @@ rows = [
     {'id': 6, 'name': 'Carol'},
     {'id': 6, 'name': 'Carol'},
 ]
 ]
 
 
-with ui.qtable(title='QTable', columns=columns, rows=rows, selection='multiple', rows_per_page=10).classes('w-96') as table:
+with ui.table(title='My Team', columns=columns, rows=rows, selection='multiple', rows_per_page=10).classes('w-96') as table:
     with table.add_slot('top-right'):
     with table.add_slot('top-right'):
         with ui.input(placeholder='Search').props('type=search').bind_value(table, 'filter').add_slot('append'):
         with ui.input(placeholder='Search').props('type=search').bind_value(table, 'filter').add_slot('append'):
             ui.icon('search')
             ui.icon('search')

+ 2 - 2
nicegui/elements/table.py

@@ -7,7 +7,7 @@ from ..events import TableSelectionEventArguments, handle_event
 from .mixins.filter_element import FilterElement
 from .mixins.filter_element import FilterElement
 
 
 
 
-class QTable(FilterElement):
+class Table(FilterElement):
 
 
     def __init__(self,
     def __init__(self,
                  columns: List[Dict],
                  columns: List[Dict],
@@ -18,7 +18,7 @@ class QTable(FilterElement):
                  rows_per_page: Optional[int] = None,
                  rows_per_page: Optional[int] = None,
                  on_select: Optional[Callable] = None,
                  on_select: Optional[Callable] = None,
                  ) -> None:
                  ) -> None:
-        """QTable
+        """Table
 
 
         A table based on Quasar's `QTable <https://quasar.dev/vue-components/table>`_ component.
         A table based on Quasar's `QTable <https://quasar.dev/vue-components/table>`_ component.
 
 

+ 1 - 3
nicegui/ui.py

@@ -47,7 +47,7 @@ from .elements.separator import Separator as separator
 from .elements.slider import Slider as slider
 from .elements.slider import Slider as slider
 from .elements.spinner import Spinner as spinner
 from .elements.spinner import Spinner as spinner
 from .elements.switch import Switch as switch
 from .elements.switch import Switch as switch
-from .elements.table import QTable as qtable
+from .elements.table import Table as table
 from .elements.tabs import Tab as tab
 from .elements.tabs import Tab as tab
 from .elements.tabs import TabPanel as tab_panel
 from .elements.tabs import TabPanel as tab_panel
 from .elements.tabs import TabPanels as tab_panels
 from .elements.tabs import TabPanels as tab_panels
@@ -75,8 +75,6 @@ from .page_layout import RightDrawer as right_drawer
 from .run import run
 from .run import run
 from .run_with import run_with
 from .run_with import run_with
 
 
-table = deprecated(aggrid, 'ui.table', 'ui.aggrid', 370)
-
 if os.environ.get('MATPLOTLIB', 'true').lower() == 'true':
 if os.environ.get('MATPLOTLIB', 'true').lower() == 'true':
     from .elements.line_plot import LinePlot as line_plot
     from .elements.line_plot import LinePlot as line_plot
     from .elements.pyplot import Pyplot as pyplot
     from .elements.pyplot import Pyplot as pyplot

+ 3 - 3
website/reference.py

@@ -292,8 +292,8 @@ To overlay an SVG, make the `viewBox` exactly the size of the image and provide
         ui.button('Update', on_click=update)
         ui.button('Update', on_click=update)
         ui.button('Select all', on_click=lambda: grid.call_api_method('selectAll'))
         ui.button('Select all', on_click=lambda: grid.call_api_method('selectAll'))
 
 
-    @example(ui.qtable, menu)
-    def qtable_example():
+    @example(ui.table, menu)
+    def table_example():
         columns = [
         columns = [
             {'name': 'name', 'label': 'Name', 'field': 'name', 'required': True, 'align': 'left'},
             {'name': 'name', 'label': 'Name', 'field': 'name', 'required': True, 'align': 'left'},
             {'name': 'age', 'label': 'Age', 'field': 'age', 'sortable': True},
             {'name': 'age', 'label': 'Age', 'field': 'age', 'sortable': True},
@@ -303,7 +303,7 @@ To overlay an SVG, make the `viewBox` exactly the size of the image and provide
             {'name': 'Bob', 'age': 21},
             {'name': 'Bob', 'age': 21},
             {'name': 'Carol'},
             {'name': 'Carol'},
         ]
         ]
-        ui.qtable(columns=columns, rows=rows, row_key='name')
+        ui.table(columns=columns, rows=rows, row_key='name')
 
 
     @example(ui.chart, menu)
     @example(ui.chart, menu)
     def chart_example():
     def chart_example():