Nhúng Excel trong góc

Bảng tính góc là một thành phần tương tác người dùng để sắp xếp và phân tích dữ liệu ở định dạng bảng với các tùy chọn cấu hình để tùy chỉnh. Nó sẽ tải dữ liệu bằng cách nhập tệp Excel/CSV hoặc từ các nguồn dữ liệu cục bộ và từ xa như JSON, dịch vụ RESTful, dịch vụ OData, v.v. Dữ liệu được điền có thể được xuất dưới dạng Excel với các định dạng xlsx, xls, CSV và PDF

Bắt đầu. . Tìm hiểu thêm

Nhúng Excel trong góc

Được các công ty hàng đầu thế giới tin tưởng

Nhúng Excel trong góc

Cài đặt

Tạo một ứng dụng góc

Bạn có thể sử dụng Angular CLI để thiết lập các ứng dụng Angular của mình. Để cài đặt Angular CLI, hãy sử dụng lệnh sau

npm install -g @angular/cli

Tạo một ứng dụng Angular mới bằng lệnh Angular CLI sau

ng new my-app
cd my-app

Thêm gói Bảng tính Syncfusion

Tất cả các gói Syncfusion Angular đều có sẵn trong npmjs. com. Để cài đặt gói Bảng tính góc, hãy sử dụng lệnh sau

ng add @syncfusion/ej2-angular-spreadsheet

Lệnh trên thực hiện cấu hình bên dưới cho ứng dụng Angular của bạn

  • Thêm gói @syncfusion/ej2-angular-spreadsheet và các phụ thuộc ngang hàng của nó vào tệp package.json của bạn
  • Nhập khẩu SpreadsheetModule trong mô-đun ứng dụng của bạn app.module.ts
  • Đăng ký giao diện mặc định Syncfusion UI (tài liệu) trong tệp angular.json

Điều này giúp dễ dàng thêm mô-đun Bảng tính góc Syncfusion vào dự án của bạn và bắt đầu sử dụng nó trong ứng dụng của bạn

Thêm thành phần Bảng tính

Trong src/ứng dụng/ứng dụng. thành phần. ts, sử dụng bộ chọn trong thuộc tính

ng new my-app
cd my-app
0 của lệnh
ng new my-app
cd my-app
1 để hiển thị thành phần Bảng tính góc Syncfusion

import { Component, OnInit } from '@angular/core';

@Component({
    selector: 'app-root',
    template: `
                    
                        
                            
                                
                            
                        
                    
                `
})
export class AppComponent implements OnInit {

    public data: object[] = [];

    ngOnInit(): void {
        this.data = [
            { OrderID: 10248, CustomerID: 'VINET', EmployeeID: 5, ShipCity: 'Reims' },
            { OrderID: 10249, CustomerID: 'TOMSP', EmployeeID: 6, ShipCity: 'Münster' },
            { OrderID: 10250, CustomerID: 'HANAR', EmployeeID: 4, ShipCity: 'Lyon' }
        ];
    }
}

khung được hỗ trợ

Thành phần bảng tính cũng được cung cấp trong danh sách các khung sau đây


     JavaScript    
       React      
       Vue         
  ASP. NET Core  
  ASP. NET MVC  

Trưng bày mẫu

  • Trình theo dõi chi phí - Nguồn,
  • Máy tính khoản vay - Nguồn, Demo trực tiếp
  • Fitness Tracker - Nguồn, Demo trực tiếp

các tính năng chính

  • Liên kết thành phần Bảng tính với một mảng đối tượng hoặc dữ liệu từ dịch vụ web bằng Trình quản lý dữ liệu
  • Cung cấp tùy chọn tải lượng lớn dữ liệu mà không làm giảm hiệu suất
  • Lựa chọn. Cung cấp tùy chọn để chọn một ô hoặc phạm vi ô
  • chỉnh sửa. Cung cấp tùy chọn để chỉnh sửa động một ô
  • Cung cấp thư viện tính toán tích hợp với các công thức được xác định trước và hỗ trợ phạm vi được đặt tên
  • bảng tạm. Cung cấp tùy chọn để thực hiện các thao tác trong clipboard
  • Cung cấp tùy chọn để tùy chỉnh giao diện của các ô
  • Cung cấp tùy chọn định dạng giá trị ô
  • Cung cấp tùy chọn mở tệp Excel và CSV trong Bảng tính
  • Cung cấp tùy chọn lưu dữ liệu Bảng tính dưới dạng tài liệu Excel, CSV và PDF
  • Giúp bạn sắp xếp dữ liệu theo thứ tự cụ thể trong một phạm vi ô đã chọn
  • Giúp bạn xem các hàng cụ thể trong Bảng tính bằng cách ẩn các hàng khác
  • Undo Redo. Cung cấp tùy chọn để thực hiện thao tác hoàn tác làm lại trong Bảng tính
  • cộng tác chỉnh sửa. Cung cấp tùy chọn thay đổi theo thời gian thực giữa nhiều người dùng trong Bảng tính
  • Cung cấp tùy chọn để điều hướng đến liên kết web hoặc tham chiếu ô trong trang tính hoặc đến trang tính khác trong Bảng tính
  • Thay đổi kích thước. Cho phép bạn thay đổi chiều cao hàng và chiều rộng cột. Tự động điều chỉnh các hàng và cột dựa trên nội dung của nó
  • Cung cấp tùy chọn hiển thị nội dung lớn dưới dạng nhiều dòng trong một ô
  • Cung cấp tùy chọn để xác thực các giá trị đã chỉnh sửa dựa trên các quy tắc xác thực dữ liệu được xác định cho một ô hoặc dải ô
  • Cung cấp tùy chọn để tìm và thay thế dữ liệu trên tất cả các trang tính trong Bảng tính
  • Cung cấp tùy chọn để hạn chế các hành động của người dùng như chỉnh sửa ô, chèn hàng và cột, xóa và thay đổi kích thước
  • Cung cấp tùy chọn để tùy chỉnh các đường lưới ô như màu sắc và kiểu của nó cho giao diện người dùng nâng cao
  • Cung cấp tùy chọn hiển thị/ẩn hàng, cột và trang tính
  • Cung cấp tùy chọn chèn/xóa hàng, cột và trang tính
  • Cung cấp tùy chọn kết hợp hai hoặc nhiều ô nằm trong cùng một hàng hoặc cột thành một ô duy nhất
  • Cung cấp tùy chọn định dạng ô hoặc phạm vi ô dựa trên các điều kiện được áp dụng
  • Cung cấp tùy chọn để điền hoặc sao chép một chuỗi hoặc mẫu giá trị và định dạng vào các ô liền kề theo bất kỳ hướng nào
  • Cung cấp tùy chọn để xóa nội dung, định dạng và siêu kết nối được áp dụng cho một ô hoặc dải ô trong Bảng tính
  • uẩn. Cung cấp tùy chọn để kiểm tra tổng, trung bình, số đếm, v.v. cho các ô hoặc phạm vi đã chọn trong trang tính
  • Cho phép bạn xem, chèn và sửa đổi ảnh trong Bảng tính với các tùy chọn tùy chỉnh
  • Chuyển đổi dữ liệu Bảng tính của bạn thành tổng quan trực quan để hiểu rõ hơn và đưa ra quyết định kinh doanh thông minh
  • Cho phép bạn luôn hiển thị các hàng và cột đã chỉ định ở trên cùng và bên trái của trang tính trong khi cuộn qua trang tính
  • Cho phép bạn bảo vệ sổ làm việc bằng mật khẩu
  • Chỉnh sửa nhiều dòng. Cho phép bạn chèn ngắt dòng giữa các đoạn văn bản trong một ô trong Bảng tính
  • Tính toán lựa chọn phạm vi. Giúp bạn chọn một dãy hoặc nhiều dãy khi chỉnh sửa công thức trong một ô
  • Phải sang trái (RTL). Căn chỉnh nội dung trong thành phần Bảng tính từ phải sang trái
  • Các mẫu có thể được sử dụng để tạo trải nghiệm người dùng tùy chỉnh trong Bảng tính
  • Cá nhân hóa thành phần Bảng tính với các ngôn ngữ khác nhau, cũng như định dạng số, ngày và giờ cụ thể theo văn hóa
  • khả năng tiếp cận. Cung cấp hỗ trợ trợ năng tích hợp giúp truy cập tất cả các tính năng của thành phần Bảng tính thông qua bàn phím, trình đọc màn hình hoặc các thiết bị công nghệ hỗ trợ khác

Ủng hộ

Hỗ trợ sản phẩm có sẵn thông qua các phương tiện sau

  • Vé hỗ trợ - Phản hồi được đảm bảo trong 24 giờ. vé không giới hạn. hỗ trợ ngày lễ
  • Diễn đàn cộng đồng
  • vấn đề về GitHub
  • Yêu cầu tính năng hoặc báo cáo lỗi
  • trò chuyện trực tiếp

Nhật ký thay đổi

Kiểm tra nhật ký thay đổi tại đây. Nhận các cải tiến nhỏ và sửa lỗi hàng tuần để luôn cập nhật các bản cập nhật thường xuyên

Giấy phép và bản quyền

Đây là một sản phẩm thương mại và cần có giấy phép trả phí để sở hữu hoặc sử dụng. Phần mềm được cấp phép của Syncfusion, bao gồm thành phần này, tuân theo các điều khoản và điều kiện của EULA của Syncfusion. Để có được giấy phép cho hơn 80 thành phần UI góc cạnh, bạn có thể mua hoặc bắt đầu dùng thử miễn phí 30 ngày

Giấy phép cộng đồng miễn phí cũng có sẵn cho các công ty và cá nhân có tổ chức có tổng doanh thu hàng năm dưới 1 triệu USD và có năm nhà phát triển trở xuống

Xem LICENSE FILE để biết thêm thông tin

© Bản quyền 2023 Syncfusion, Inc. Đã đăng ký Bản quyền. Giấy phép và bản quyền của Syncfusion Essential Studio áp dụng cho bản phân phối này

Bạn có thể nhúng tệp Excel không?

Nhúng tệp . Chọn Tạo từ tệp. Chọn Duyệt và chuyển đến tệp bạn muốn sử dụng. Chọn Chèn. Select Insert > Object. Select Create from File. Select Browse and go to the file you want to use. Select Insert.

Làm cách nào để tạo tệp Excel trong góc?

Cài đặt thành phần SpreadJS trong ứng dụng của bạn
Khởi tạo một thành phần SpreadJS
Tạo một phần tử đầu vào chấp nhận tệp XLSX
Thêm mã nhập khẩu
Thêm mã xuất khẩu

Làm cách nào để tạo bảng tính trong Angular?

MỤC LỤC .
Tạo một dự án khung góc
Thiết lập vật liệu góc
Tạo bảng dữ liệu vật liệu
Xóa chức năng cột và hàng
Tạo chức năng cột và hàng
Thực hiện chỉnh sửa ô nội tuyến

Làm cách nào để đọc tệp Excel từ thư mục nội dung trong góc?

const trình đọc. FileReader = FileReader mới(); . onload = (e. bất kỳ) => { bảng điều khiển. log("ĐỌC " + e); . readAsBinaryString(dữ liệu);