Tablo

Blockly'nin ana çalışma alanında isteğe bağlı olarak bir ızgara olabilir. Izgaraya tutturulması için bloklar oluşturulabilir, böylece daha temiz bir düzen sağlanır. Bu, özellikle büyük bir alana yayılmış birden fazla kod gruplamasının olduğu büyük uygulamalarda faydalıdır.

Izgaranın ayarları Blockly'nin yapılandırmasının parçası olan bir nesne tarafından tanımlanır. Örnek:

var workspace = Blockly.inject('blocklyDiv',
    {toolbox: document.getElementById('toolbox'),
     grid:
         {spacing: 20,
          length: 3,
          colour: '#ccc',
          snap: true},
     trashcan: true});

Boşluk

En önemli ızgara özelliği, ızgaranın noktaları arasındaki mesafeyi tanımlayan spacing'dir. Varsayılan değer 0'dır ve herhangi bir tablo oluşturulmaz. Aşağıda, 10, 20 ve 40 olarak ayarlanmış spacing örnekleri verilmiştir:

Uzunluk

length özelliği, ızgara noktalarının şeklini tanımlayan bir sayıdır. 0 uzunluğu boyunca görünmez bir ızgara (ancak yine de tutturulabilecek) bir tablo elde edilir, 1 uzunluğu (varsayılan değer) noktalarla sonuçlanır, daha uzun uzunluklar çarpı işareti ile sonuçlanır ve uzunluk da grafik kağıdındaki boşlukla eşit veya daha büyük bir uzunluk ile sonuçlanır. Aşağıda, 1, 5 ve 20 olarak ayarlanmış length örnekleri verilmiştir:

Renk

colour özelliği, noktaların rengini belirleyen bir dizedir. İngiliz alfabesine dikkat edin. #f00, #ff0000 veya rgb(255, 0, 0) dahil olmak üzere CSS ile uyumlu herhangi bir biçim kullanın. Varsayılan değer: #888. #000, #ccc ve #f00 olarak ayarlanmış colour örnekleri aşağıda verilmiştir:

Tuttur

snap özelliği, blokların çalışma alanına yerleştirildiğinde en yakın kılavuz noktasına tutturup tutturulmayacağını belirleyen bir boole'dir. Varsayılan değer: false.