Update getting-started.md

Author: w-ahmad

docs/docs/getting-started.md

@@ -1,8 +1,8 @@
 ## Getting Started
 
-### 1. Create a New WinUI3 or Uno Project
+### 1. Create a New WinUI3
 
-If you don't already have a WinUI 3 project or Uno prject, create one in Visual Studio.
+If you don't already have a WinUI 3 project prject, create one in Visual Studio.
 
 ### 2: Install NuGet Package
 Inatall `WinUI.TableView` NuGet package to your app with your preferred method. Here is the one using NuGet Package Manager:
@@ -14,66 +14,40 @@ Install-Package WinUI.TableView
 
 In your `MainWindow.xaml`, add the `WinUI.TableView` control:
 
-```xaml
+```xml
 <Window
     x:Class="App1.MainWindow"
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:local="using:App1"
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:tv="using:WinUI.TableView"
     mc:Ignorable="d"
-    xmlns:tv="using:WinUI.TableView">
+    Title="App1">
+
+    <Window.SystemBackdrop>
+        <MicaBackdrop />
+    </Window.SystemBackdrop>
 
     <Grid>
-        <tv:TableView x:Name="MyTableView"
-            ItemsSource="{x:Bind ViewModel.Items}" />
+        <tv:TableView ItemsSource="{x:Bind Items}" />
     </Grid>
 </Window>
 ```
 
 ### 4. Bind Data to `TableView`
 
-In your `MainPage.xaml.cs`, set up the data context and bind data to the `TableView`:
-
-```csharp
-public sealed partial class MainWindow : Window
-{
-    public MainViewModel ViewModel { get; } = new MainViewModel();
-
-    public MainWindow()
-    {
-        this.InitializeComponent();
-    }
-}
-```
-
-Create a simple `MainViewModel` with a collection of items to display:
+Create a simple Model class with properties to represent in TableView cells:
 
 ```csharp
-public class MainViewModel
-{
-    public ObservableCollection<Item> Items { get; set; }
-
-    public MainViewModel()
-    {
-        Items = new ObservableCollection<Item>
-        {
-            new Item { Name = "Item 1", Price = 10.0, Quantity = 1 },
-            new Item { Name = "Item 2", Price = 15.0, Quantity = 2 },
-            new Item { Name = "Item 3", Price = 20.0, Quantity = 3 },
-            // Add more items here
-        };
-    }
-}
-
 public class Item : INotifyPropertyChanged
 {
-    private string _name;
+    private string? _name;
     private double _price;
     private int _quantity;
+    private DateOnly _purchaseDate;
 
-    public string Name
+    public string? Name
     {
         get => _name;
         set
@@ -100,16 +74,56 @@ public class Item : INotifyPropertyChanged
             OnPropertyChanged(nameof(Quantity));
         }
     }
+    public DateOnly PurchaseDate
+    {
+        get => _purchaseDate;
+        set
+        {
+            _purchaseDate = value;
+            OnPropertyChanged(nameof(PurchaseDate));
+        }
+    }
 
     private void OnPropertyChanged(string propertyName)
     {
         PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
     }
 
-    public event PropertyChangedEventHandler PropertyChanged;
+    public event PropertyChangedEventHandler? PropertyChanged;
+}
+```
+
+In your `MainWindow.xaml.cs`, set up the data context and bind data to the `TableView`:
+
+```csharp
+public sealed partial class MainWindow : Window
+{
+    public IList Items { get; }
+
+    public MainWindow()
+    {
+        this.InitializeComponent();
+
+        Items = Enumerable.Range(1, 20).Select(i => GetRandomItem(i)).ToList();
+    }
+
+    private static Item GetRandomItem(int i)
+    {
+        return new Item
+        {
+            Name = $"Random Item {i}",
+            Price = Math.Round(Random.Shared.NextDouble() * 100, 2),
+            Quantity = Random.Shared.Next(1, 100),
+            PurchaseDate = DateOnly.FromDateTime(DateTime.Today.AddDays(Random.Shared.Next(-90, 90)))
+        };
+    }
 }
 ```
 
 ### 5. Run Your Application
 
-Build and run your application. You should see the `TableView` populated with the rows and cells from your `ViewModel`.
+Build and run your application. You should see the `WinUI.TableView` populated with the rows and cells from your `Items` collection. Here is the result by running the app on Desktop platform.
+
+
+![image](https://github.com/user-attachments/assets/e00bffc7-19e0-40bd-bbda-07198d6bc60a)
+