Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit 58f99ac

Browse files
Vishnu-MoorthiVishnu-Moorthi
Vishnu-Moorthi
authored and
Vishnu-Moorthi
committed
Syncfusion streamlit grid sample added
1 parent b12b2bb commit 58f99ac

File tree

1 file changed

+9
-9
lines changed

1 file changed

+9
-9
lines changed

‎README.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
# Getting started with the Syncfusion Grid component in the Streamlit Application
1+
# Getting Started with the Syncfusion Grid component in the Streamlit Application
22

33
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.
44

55
`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.
66

7-
## Setting up the Streamlit Application
7+
## Setting up the Streamlit application
88

9-
To begin working with the Streamlit framework, it is recommended to create a Python environment using [venv](https://docs.python.org/3/library/venv.html). Follow the steps below to create a new Python environment
9+
To begin working with the Streamlit framework, it is recommended to create a Python environment using [venv](https://docs.python.org/3/library/venv.html). Refer to the below command to create a new Python environment:
1010

1111
```bash
1212
python -m venv my-app
@@ -19,7 +19,7 @@ cd my-app
1919
pip install streamlit
2020
```
2121

22-
Now that **my-app** is ready to run with default settings, let's add Syncfusion Grid components to the application.
22+
Now that **my-app** is ready to run with default settings, let's add Syncfusion Grid component to the application.
2323

2424
## Add the Syncfusion Grid package
2525

@@ -39,7 +39,7 @@ Follow the below steps to add the Syncfusion Grid component to the Streamlit app
3939
from ej2_streamlit_grids import GridComponent, GridProps
4040
```
4141

42-
2\. Create a `CSV` file named **dataset.csv** and populate it with data in the following format
42+
2\. Create a `CSV` file named **dataset.csv** and populate it with data in the following format:
4343

4444
```sh
4545
OrderID, CustomerName, OrderDate, Freight, ShippedDate, ShipCountry
@@ -60,15 +60,15 @@ GridComponent(props)
6060

6161
## Import Syncfusion CSS styles
6262

63-
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.
63+
You can import themes for the Syncfusion Streamlit componentfrom the CDN. Refer to the [themes topic](https://ej2.syncfusion.com/react/documentation/appearance/theme/) to learn more about built-in themes. The `Material` theme is the default theme for the Streamlit Grid component.
6464

65-
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.
65+
You can change the default theme with any of the available [built-in themes](https://ej2.syncfusion.com/react/documentation/appearance/theme/). 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.
6666

6767
```py
6868
props.theme = 'https://cdn.syncfusion.com/ej2/22.1.34/fluent.css'
6969
```
7070

71-
## Run the Application
71+
## Run the application
7272

7373
Here is the summarized code for the above steps in the **demo.py** file:
7474

@@ -83,7 +83,7 @@ props.theme = 'https://cdn.syncfusion.com/ej2/22.1.34/fluent.css'
8383
GridComponent(props)
8484
```
8585

86-
Ensure that terminal is in the correct project directory where "demo.py" is located. Run the application using the following command:
86+
Ensure that terminal is in the correct project directory where **demo.py** is located. Run the application using the following command:
8787

8888
```sh
8989
streamlit run demo.py

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /