You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+31-26Lines changed: 31 additions & 26 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,55 +1,57 @@
1
-
# Getting started with Syncfusion Grid component with Streamlit Python Framework
1
+
# Getting started with the Syncfusion Grid component in the Streamlit application
2
2
3
-
This article provides a step-by-step guide for setting up a [Streamlit](https://streamlit.io/)project with a Python environment and integrating the Syncfusion Grid components.
3
+
This article provides a step-by-step guide for setting up a [Streamlit](https://streamlit.io/)application with a Python environment and integrating the Syncfusion Grid components.
4
4
5
-
The `Streamlit` is a free and open-source framework that enables quick development and sharing of visually appealing web applications for machine learning and data science.
5
+
`Streamlit` is a free and open-source framework that enables quick development and sharing of visually appealing web applications for machine learning and data science.
6
6
7
-
## Set up the Streamlit project environment
7
+
## Setting up the Streamlit application
8
8
9
-
A recommended approach for beginning with Streamlit framework is to create a Python environment with [venv](https://docs.python.org/3/library/venv.html). To create a new Python environment, use the following command.
9
+
A recommended approach for beginning with the Streamlit framework is to create a Python environment with [venv](https://docs.python.org/3/library/venv.html). Follow these steps to create a new Python environment.
10
10
11
11
```bash
12
-
python -m venv my-project
12
+
python -m venv my-app
13
13
```
14
14
15
15
Using the above command will create a Python virtual environment.
16
16
17
-
Upon completing the aforementioned step to create **my-project**, run the following command to install Streamlit:
17
+
Upon completing the aforementioned step to create **my-app**, run the following command to install Streamlit:
18
18
19
19
```bash
20
-
cd my-project
20
+
cd my-app
21
21
pip install streamlit
22
22
```
23
23
24
-
Now that **my-project** is ready to run with default settings, let's add Syncfusion Grid components to the project.
24
+
Now that **my-app** is ready to run with default settings, let's add Syncfusion Grid components to the application.
25
25
26
-
## Add Syncfusion Grid package
26
+
## Add the Syncfusion Grid package
27
27
28
-
Syncfusion Grid component package is available at [pypi.org](https://pypi.org/project/ej2-streamlit-grids/). To use the Syncfusion Grid component in the project, install the corresponding pip package.
28
+
The Syncfusion Grid component package is available at [pypi.org](https://pypi.org/project/ej2-streamlit-grids/). To use the Syncfusion Grid component in the application, install the corresponding pip package.
29
29
30
30
```sh
31
31
pip install ej2-streamlit-grids
32
32
```
33
33
34
-
## Add Syncfusion Grid component
34
+
## Import Syncfusion CSS styles
35
35
36
-
Follow the below steps to add the Syncfusion Grid component to the Streamlit Python project:
36
+
You can import themes for the Syncfusion Streamlit component, such as using CSS or SASS styles from the CDN. Refer to the [themes topic](https://ej2.syncfusion.com/react/documentation/appearance/theme/) to learn more about built-in themes.
37
37
38
-
1. First, create a Python file named **demo.py** and import the Grid component into the **demo.py** file.
38
+
In this article, the `Fluent` theme is applied using `theme` property, which are available in CDN. The necessary `Fluent` CSS styles for the Grid component were passed into the `theme` property, which is referenced using the code snippet below.
39
39
40
40
```py
41
-
from ej2_streamlit_grids import GridComponent, GridProps
10251, Mary Saveley, 7/8/1996, 4ドル1.34, 7/15/1996, France
60
62
```
61
63
62
-
4. Syncfusion components come with pre-defined themes that are built-in. To learn more about these themes, you can refer to the [themes topic](https://ej2.syncfusion.com/react/documentation/appearance/theme/). By default, the Syncfusion Streamlit Grid component uses the `Material` theme, but users have the ability to change the theme of the Grid component at the application level. The Grid component in this article is using the `Fluent` theme, which is referenced using the code snippet below.
64
+
3\. Define the properties for the Grid component with the `GridProps` class and Pass the `data` read from the `CSV` file as the parameter.
0 commit comments