# Kelola Tabel Presentasi dalam JavaScript > Buat & edit tabel dalam slide PowerPoint dengan JavaScript dan Aspose.Slides untuk Node.js. Temukan contoh kode sederhana untuk menyederhanakan alur kerja tabel Anda. Source: https://docs.aspose.com/slides/id/nodejs-java/manage-table/ Updated: 2026-06-12 ## **Pendahuluan** Tabel dalam PowerPoint adalah cara yang efisien untuk menampilkan dan menggambarkan informasi. Informasi dalam kisi sel (diatur dalam baris dan kolom) bersifat langsung dan mudah dipahami. Aspose.Slides menyediakan kelas [Table], kelas [Cell], dan tipe lainnya untuk memungkinkan Anda membuat, memperbarui, dan mengelola tabel dalam semua jenis presentasi. ## **Buat Tabel dari Awal** 1. Buat instance dari kelas [Presentation]. 2. Dapatkan referensi slide melalui indeksnya. 3. Definisikan array `columnWidth`. 4. Definisikan array `rowHeight`. 5. Tambahkan objek [Table] ke slide melalui metode [addTable]. 6. Iterasi setiap [Cell] untuk menerapkan pemformatan pada batas atas, bawah, kanan, dan kiri. 7. Gabungkan dua sel pertama pada baris pertama tabel. 8. Akses [TextFrame] milik sebuah [Cell]. 9. Tambahkan teks ke [TextFrame]. 10. Simpan presentasi yang telah dimodifikasi. This JavaScript code shows you how to create a table in a presentation: ```javascript // Membuat instance kelas Presentation yang mewakili file PPTX var pres = new aspose.slides.Presentation(); try { // Mengakses slide pertama var sld = pres.getSlides().get_Item(0); // Mendefinisikan kolom dengan lebar dan baris dengan tinggi var dblCols = java.newArray("double", [50, 50, 50]); var dblRows = java.newArray("double", [50, 30, 30, 30, 30]); // Menambahkan shape tabel ke slide var tbl = sld.getShapes().addTable(100, 50, dblCols, dblRows); // Mengatur format border untuk setiap sel for (var row = 0; row < tbl.getRows().size(); row++) { for (var cell = 0; cell < tbl.getRows().get_Item(row).size(); cell++) { var cellFormat = tbl.getRows().get_Item(row).get_Item(cell).getCellFormat(); cellFormat.getBorderTop().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid)); cellFormat.getBorderTop().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "RED")); cellFormat.getBorderTop().setWidth(5); cellFormat.getBorderBottom().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid)); cellFormat.getBorderBottom().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "RED")); cellFormat.getBorderBottom().setWidth(5); cellFormat.getBorderLeft().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid)); cellFormat.getBorderLeft().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "RED")); cellFormat.getBorderLeft().setWidth(5); cellFormat.getBorderRight().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid)); cellFormat.getBorderRight().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "RED")); cellFormat.getBorderRight().setWidth(5); } } // Menggabungkan sel 1 & 2 pada baris 1 tbl.mergeCells(tbl.getRows().get_Item(0).get_Item(0), tbl.getRows().get_Item(1).get_Item(1), false); // Menambahkan teks ke sel yang digabungkan tbl.getRows().get_Item(0).get_Item(0).getTextFrame().setText("Merged Cells"); // Menyimpan presentasi ke Disk pres.save("table.pptx", aspose.slides.SaveFormat.Pptx); } finally { if (pres != null) { pres.dispose(); } } ``` ## **Penomoran dalam Tabel Standar** Dalam tabel standar, penomoran sel bersifat langsung dan berbasis nol. Sel pertama dalam tabel diindeks sebagai 0,0 (kolom 0, baris 0). Sebagai contoh, sel dalam tabel dengan 4 kolom dan 4 baris diberi nomor seperti berikut: | (0, 0) | (1, 0) | (2, 0) | (3, 0) | | :----- | :----- | :----- | :----- | | (0, 1) | (1, 1) | (2, 1) | (3, 1) | | (0, 2) | (1, 2) | (2, 2) | (3, 2) | | (0, 3) | (1, 3) | (2, 3) | (3, 3) | Kode JavaScript ini menunjukkan cara menentukan penomoran untuk sel dalam tabel: ```javascript // Membuat instance kelas Presentation yang mewakili file PPTX var pres = new aspose.slides.Presentation(); try { // Mengakses slide pertama var sld = pres.getSlides().get_Item(0); // Mendefinisikan kolom dengan lebar dan baris dengan tinggi var dblCols = java.newArray("double", [70, 70, 70, 70]); var dblRows = java.newArray("double", [70, 70, 70, 70]); // Menambahkan shape tabel ke slide var tbl = sld.getShapes().addTable(100, 50, dblCols, dblRows); // Mengatur format border untuk setiap sel for (let i = 0; i < tbl.getRows().size(); i++) { const row = tbl.getRows().get_Item(i); for (let j = 0; j < row.size(); j++) { const cell = row.get_Item(j); cell.getCellFormat().getBorderTop().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid)); cell.getCellFormat().getBorderTop().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "RED")); cell.getCellFormat().getBorderTop().setWidth(5); cell.getCellFormat().getBorderBottom().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid)); cell.getCellFormat().getBorderBottom().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "RED")); cell.getCellFormat().getBorderBottom().setWidth(5); cell.getCellFormat().getBorderLeft().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid)); cell.getCellFormat().getBorderLeft().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "RED")); cell.getCellFormat().getBorderLeft().setWidth(5); cell.getCellFormat().getBorderRight().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid)); cell.getCellFormat().getBorderRight().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "RED")); cell.getCellFormat().getBorderRight().setWidth(5); } } // Menyimpan presentasi ke disk pres.save("StandardTables_out.pptx", aspose.slides.SaveFormat.Pptx); } finally { if (pres != null) { pres.dispose(); } } ``` ## **Akses Tabel yang Ada** 1. Buat instance dari kelas [Presentation]. 2. Dapatkan referensi ke slide yang berisi tabel melalui indeksnya. 3. Buat objek [Table] dan setel menjadi null. 4. Iterasi semua objek [Shape] sampai tabel ditemukan. Jika Anda curiga slide yang sedang Anda tangani hanya berisi satu tabel, Anda dapat cukup memeriksa semua shape yang ada. Ketika sebuah shape diidentifikasi sebagai tabel, Anda dapat melakukan typecast menjadi objek [Table]. Namun jika slide tersebut berisi beberapa tabel, lebih baik mencari tabel yang Anda butuhkan melalui [setAlternativeText(String value)](https://reference.aspose.com/slides/id/nodejs-java/aspose.slides/shape/#setAlternativeText-java.lang.String-). 5. Gunakan objek [Table] untuk bekerja dengan tabel. Pada contoh di bawah, kami menambahkan baris baru ke tabel. 6. Simpan presentasi yang telah dimodifikasi. This JavaScript code shows you how to access and work with an existing table: ```javascript // Membuat instance kelas Presentation yang mewakili file PPTX var pres = new aspose.slides.Presentation("UpdateExistingTable.pptx"); try { // Mengakses slide pertama var sld = pres.getSlides().get_Item(0); // Menginisialisasi TableEx null var tbl = null; // Iterasi melalui shape dan menetapkan referensi ke tabel yang ditemukan for (let i = 0; i < sld.getShapes().size(); i++) { let shp = sld.getShapes().get_Item(i); if (java.instanceOf(shp, "com.aspose.slides.ITable")) { tbl = shp; // Mengatur teks untuk kolom pertama pada baris kedua tbl.get_Item(0, 1).getTextFrame().setText("New"); } } // Menyimpan presentasi yang dimodifikasi ke disk pres.save("table1_out.pptx", aspose.slides.SaveFormat.Pptx); } finally { if (pres != null) { pres.dispose(); } } ``` ## **Ratakan Teks dalam Tabel** 1. Buat instance dari kelas [Presentation]. 2. Dapatkan referensi slide melalui indeksnya. 3. Tambahkan objek [Table] ke slide. 4. Akses objek [TextFrame] dari tabel. 5. Akses [Paragraph] pada [TextFrame]. 6. Ratakan teks secara vertikal. 7. Simpan presentasi yang telah dimodifikasi. This JavaScript code shows you how to align the text in a table: ```javascript // Membuat instance kelas Presentation var pres = new aspose.slides.Presentation(); try { // Mengakses slide pertama var slide = pres.getSlides().get_Item(0); // Mendefinisikan kolom dengan lebar dan baris dengan tinggi var dblCols = java.newArray("double", [120, 120, 120, 120]); var dblRows = java.newArray("double", [100, 100, 100, 100]); // Menambahkan shape tabel ke slide var tbl = slide.getShapes().addTable(100, 50, dblCols, dblRows); tbl.get_Item(1, 0).getTextFrame().setText("10"); tbl.get_Item(2, 0).getTextFrame().setText("20"); tbl.get_Item(3, 0).getTextFrame().setText("30"); // Mengakses text frame var txtFrame = tbl.get_Item(0, 0).getTextFrame(); // Membuat objek Paragraph untuk text frame var paragraph = txtFrame.getParagraphs().get_Item(0); // Membuat objek Portion untuk paragraph var portion = paragraph.getPortions().get_Item(0); portion.setText("Text here"); portion.getPortionFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid)); portion.getPortionFormat().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "BLACK")); // Meratakan teks secara vertikal var cell = tbl.get_Item(0, 0); cell.setTextAnchorType(aspose.slides.TextAnchorType.Center); cell.setTextVerticalType(aspose.slides.TextVerticalType.Vertical270); // Menyimpan presentasi ke disk pres.save("Vertical_Align_Text_out.pptx", aspose.slides.SaveFormat.Pptx); } finally { if (pres != null) { pres.dispose(); } } ``` ## **Setel Pemformatan Teks pada Tingkat Tabel** 1. Buat instance dari kelas [Presentation]. 2. Dapatkan referensi slide melalui indeksnya. 3. Akses objek [Table] dari Slide. 4. Setel [setFontHeight(float value)] untuk teks. 5. Setel [setAlignment(int value)] dan [setMarginRight(float value)]. 6. Setel [setTextVerticalType(byte value)]. 7. Simpan presentasi yang telah dimodifikasi. This JavaScript code shows you how to apply your preferred formatting options to the text in a table: ```javascript // Membuat instance kelas Presentation var pres = new aspose.slides.Presentation("simpletable.pptx"); try { // Anggap bahwa shape pertama pada slide pertama adalah tabel var someTable = pres.getSlides().get_Item(0).getShapes().get_Item(0); // Mengatur tinggi font sel tabel var portionFormat = new aspose.slides.PortionFormat(); portionFormat.setFontHeight(25); someTable.setTextFormat(portionFormat); // Mengatur perataan teks sel tabel dan margin kanan dalam satu panggilan var paragraphFormat = new aspose.slides.ParagraphFormat(); paragraphFormat.setAlignment(aspose.slides.TextAlignment.Right); paragraphFormat.setMarginRight(20); someTable.setTextFormat(paragraphFormat); // Mengatur tipe vertikal teks sel tabel var textFrameFormat = new aspose.slides.TextFrameFormat(); textFrameFormat.setTextVerticalType(aspose.slides.TextVerticalType.Vertical); someTable.setTextFormat(textFrameFormat); pres.save("result.pptx", aspose.slides.SaveFormat.Pptx); } finally { if (pres != null) { pres.dispose(); } } ``` ## **Dapatkan Properti Gaya Tabel** Aspose.Slides memungkinkan Anda mengambil properti gaya untuk sebuah tabel sehingga Anda dapat menggunakan detail tersebut pada tabel lain atau di tempat lain. Kode JavaScript ini menunjukkan cara mendapatkan properti gaya dari gaya tabel yang telah ditetapkan: ```javascript var pres = new aspose.slides.Presentation(); try { var table = pres.getSlides().get_Item(0).getShapes().addTable(10, 10, java.newArray("double", [100, 150]), java.newArray("double", [5, 5, 5])); table.setStylePreset(aspose.slides.TableStylePreset.DarkStyle1);// ubah tema preset gaya default pres.save("table.pptx", aspose.slides.SaveFormat.Pptx); } finally { if (pres != null) { pres.dispose(); } } ``` ## **Kunci Rasio Aspek Tabel** Rasio aspek dari sebuah bentuk geometris adalah perbandingan ukuran pada dimensi yang berbeda. Aspose.Slides menyediakan properti [**setAspectRatioLocked**] untuk memungkinkan Anda mengunci pengaturan rasio aspek pada tabel dan bentuk lainnya. This JavaScript code shows you how to lock the aspect ratio for a table: ```javascript var pres = new aspose.slides.Presentation("pres.pptx"); try { var table = pres.getSlides().get_Item(0).getShapes().get_Item(0); console.log("Lock aspect ratio set: " + table.getGraphicalObjectLock().getAspectRatioLocked()); table.getGraphicalObjectLock().setAspectRatioLocked(!table.getGraphicalObjectLock().getAspectRatioLocked());// invert console.log("Lock aspect ratio set: " + table.getGraphicalObjectLock().getAspectRatioLocked()); pres.save("pres-out.pptx", aspose.slides.SaveFormat.Pptx); } finally { if (pres != null) { pres.dispose(); } } ``` ## **FAQ** **Apakah saya dapat mengaktifkan arah baca kanan-ke-kiri (RTL) untuk seluruh tabel dan teks di dalam selnya?** Ya. Tabel menyediakan metode [setRightToLeft], dan paragraf memiliki [ParagraphFormat.setRightToLeft]. Menggunakan keduanya memastikan urutan RTL yang benar dan render yang tepat di dalam sel. **Bagaimana saya dapat mencegah pengguna memindahkan atau mengubah ukuran tabel dalam file akhir?** Gunakan kunci shape untuk menonaktifkan pemindahan, perubahan ukuran, pemilihan, dll. Kunci ini juga berlaku pada tabel. **Apakah menyisipkan gambar di dalam sel sebagai latar belakang didukung?** Ya. Anda dapat mengatur [picture fill] untuk sebuah sel; gambar akan menutupi area sel sesuai dengan mode yang dipilih (stretch atau tile).